react如何引入mui库呢
安装 Material-UI 核心库
通过 npm 或 yarn 安装 Material-UI 核心包。在项目根目录下执行以下命令之一：
npm install @mui/material @emotion/react @emotion/styledyarn add @mui/material @emotion/react @emotion/styled引入 Roboto 字体
Material-UI 设计默认使用 Roboto 字体。在 HTML 文件的 <head> 部分添加以下代码：
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
/>引入图标库（可选）
如需使用 Material 图标，安装图标库：
npm install @mui/icons-materialyarn add @mui/icons-material使用组件
在 React 组件中按需导入需要的 Material-UI 组件。例如使用按钮组件：
import Button from '@mui/material/Button';
function App() {
return <Button variant="contained">Hello World</Button>;
}主题配置（可选）
创建自定义主题可以全局修改组件样式。使用 ThemeProvider 包裹应用：
import { createTheme, ThemeProvider } from '@mui/material/styles';
const theme = createTheme({
palette: {
primary: {
main: '#1976d2',
},
},
});
function App() {
return (
<ThemeProvider theme={theme}>
{/* 应用内容 */}
</ThemeProvider>
);
}CSS 重置（可选）
Material-UI 提供 CssBaseline 组件用于重置浏览器默认样式：
import CssBaseline from '@mui/material/CssBaseline';
function App() {
return (
<>
<CssBaseline />
{/* 应用内容 */}
</>
);
}
