小编Ste*_*ack的帖子

我有两种风格。

一件事包含在特定组件中，另一件事包含在全局组件中。

例如，假设我们有以下树。

index.tsx
-App.tsx
-globalConstants.ts

在 globalConstants.ts

import { Theme, makeStyles, createStyles } from '@material-ui/core/styles';

export const sharedStyles = makeStyles((theme: Theme) =>
  createStyles({
    .
    .
    .
  }),
);

在 App.tsx

import React from 'react';
import { Theme, makeStyles, createStyles } from '@material-ui/core/styles';
import { sharedStyles } from '../constants/globalConstants'

const useStyles = makeStyles((theme: Theme) =>
  createStyles({
    .
    .
    .
  }),
);

我的问题是我不能将 useStyles 和 sharedStyles 组合成一个类变量。

当然，我可以像下面这样使用它

export default function NavBar() {
  const classes = useStyles();
  const sharedClasses = sharedStyles(); …