React makeStyles 不设置背景图片

React的makeStyles是一个非常方便的工具，可以帮助我们在React应用中轻松地创建和管理样式。然而，有时我们可能想要在使用makeStyles时不设置背景图片。在本文中，我们将探讨如何在使用makeStyles时不设置背景图片，并为您提供一个案例代码。

jsx
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
const useStyles = makeStyles((theme) => ({
  root: {
    backgroundColor: theme.palette.primary.main,
    width: '100%',
    height: '100vh',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
  content: {
    color: theme.palette.primary.contrastText,
    fontSize: '24px',
    fontWeight: 'bold',
  },
}));
const App = () => {
  const classes = useStyles();
  return (
    
      
        这是一个没有背景图片的页面
      
    
  );
};
export default App;