React 导出样式表

Question

我想像在 React Native 中一样使用 MaterialUI 'makeStyles' 和 'createStyles' 创建一个外部样式表，但是我不知道该怎么做。

export const useStyles = makeStyles((theme: Theme) =>
    createStyles({
        root: {
            display: 'flex'
        },
        content: {
            flexGrow: 1,
            padding: theme.spacing(3),
        }
    }),

);

所以这将被称为“globalStyle.tsx”，然后在任何其他文件中我可以导入它，然后执行类似styles.root等的操作。我之前在React Native中做过，但如前所述，我是卡在如何继续。

React Native 方式：https://reactnative.dev/docs/stylesheet

Answer 1

首先你应该像这样导入makeStyles：

import { makeStyles } from "@material-ui/core/styles";

然后你可以像这样使用它：

export const useStyles = makeStyles((theme) => ({
  container: {
    width: "100%",
  },
}));