小编Ali*_*azi的帖子

我已经开始在之前的项目中将 MUI v5 与 makeStyles 一起使用。部署后，我在加载页面 CSS 时遇到了巨大的延迟。所以我开始搜索，发现makeStyles在 MUI v5 中已弃用。

MUI 建议使用sxprop 代替。没关系。但这里的问题是我不想将 JSX 和 CSS/JSS 代码写在一起。例如：

MUI 是这样说的：

// App.js
function App() {
  return (
    <Grid sx={{ bgcolor: 'yellow', mx: 5, pt: 2, border: 1 }}>
      This is a test!
    </Grid>
  );
}

export default App;

以下是我所期望的：

// style.js
export default {
  myGrid: {
    bgcolor: 'yellow',
    mx: 5,
    pt: 2,
    border: 1,
  },
};

// App.js
import style from "./style";

function App() { …