React TS中使用MaterialUI Paper组件报background未定义错误求助

这个错误是因为Material UI的Paper组件依赖主题上下文，你的组件没有被ThemeProvider包裹，导致无法读取主题中的background属性。

修复步骤： #

• 导入ThemeProvider和主题创建工具createTheme
• 用ThemeProvider包裹你的组件，传入主题对象

修改后的完整代码： #

import Paper from '@mui/material/Paper';
import { ThemeProvider, createTheme } from '@mui/material/styles';

// 创建默认主题，可根据需求自定义配置
const theme = createTheme();

const Page: FC = () => {
  return (
    <ThemeProvider theme={theme}>
      <Paper elevation={0} />
    </ThemeProvider>
  );
};

额外说明： #

如果你的项目已经在根组件（比如App.tsx）中配置了全局的ThemeProvider，只需确保Page组件处于该提供者的范围内即可，无需每个组件重复添加。

内容的提问来源于stack exchange，提问作者keil