Material ui 如何在createStyles中正确访问道具?

Material ui 如何在createStyles中正确访问道具?,material-ui,Material Ui,我正在试图弄清楚如何在我的TypeScript项目中的createStyles中访问props。我找不到任何好的例子 下面是一个我正在尝试做的简化示例: type Props = { isActive: boolean; } const useStyles = makeStyles<Theme, Props>((theme: Theme) => createStyles({ root: props => ({ border: `1px ${p

我正在试图弄清楚如何在我的TypeScript项目中的
createStyles
中访问
props
。我找不到任何好的例子

下面是一个我正在尝试做的简化示例:

type Props = {
  isActive: boolean;
}

const useStyles = makeStyles<Theme, Props>((theme: Theme) =>
  createStyles({
    root: props => ({
      border: `1px ${props.isActive ? `dashed` : `solid`} ${theme.palette.grey[500]}`,
  }),
);
如果我删除createStyles,这些道具确实可以工作,但是在我的真实代码中,我需要createStyles在那里才能正常工作


任何人对如何使
道具正常工作有任何想法或示例吗?

结果表明,这与TypeScript 3.5无关。类型加宽可以正常工作,不再需要
createStyles

结果表明,从TypeScript 3.5开始,这是不相关的。类型加宽可以正常工作,不再需要
createStyles

Type '(props: Props) => { border: string; }' is not assignable to type 'CSSProperties'.
  Index signature is missing in type '(props: Props) => { border: string; }'.