在TS中将道具传递给makeStyle

function makeStyles<Theme = Theme>(styles: (theme: Theme) => CSSProperties, options?: WithStylesOptions): (props?: any) => ClassNameMap<keyof typeof styles>;

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

// 定义样式
const useStyles = makeStyles((theme: Theme) => ({
  root: {
    backgroundColor: (props: { color: string }) => props.color,
    padding: theme.spacing(2),
  },
}));

// 组件
interface MyComponentProps {
  color: string;
}

const MyComponent: React.FC<MyComponentProps> = ({ color }) => {
  const classes = useStyles({ color });

  return <div className={classes.root}>Hello, World!</div>;
};

export default MyComponent;