Material ui 如何在createStyles中正确访问道具?
我正在试图弄清楚如何在我的TypeScript项目中的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
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; }'.