Mui 和 Reactjs 中 css 的最佳实践 [关闭]答案

【问题标题】：Best practice of css in Mui and Reactjs [closed]Mui 和 Reactjs 中 css 的最佳实践 [关闭]
【发布时间】：2023-01-03 00:53:14
【问题描述】：

我是 mui 的新手，请向我建议在 mui 组件中执行 CSS 的最佳方法

<Typography
    variant="h5"
    sx={{
      fontWeight: "bold",
      color: "#1a759f",
      display: "flex",
      justifyContent: "center",
      margin: "20vh",
    }}
   >
   Topology
</Typography>

我通常这样做 CSS 但不是内联 CSS，这不是一个好习惯

【问题讨论】：

为什么这不是一个好习惯？

标签： javascript html css reactjs material-ui

【解决方案1】：

移动到一个变量

const styles = {

  typographyStyle: {
        fontWeight: "bold",
        color: "#1a759f",
        display: "flex",
        justifyContent: "center",
        margin: "20vh",
  },
};

在元素中

  sx={[styles.typographyStyle]}

【讨论】：