Reactjs 与风格注入道具类型
我正在用材质UI包装我的类组件,并使用样式将类作为属性注入Reactjs 与风格注入道具类型,reactjs,typescript,material-ui,Reactjs,Typescript,Material Ui,我正在用材质UI包装我的类组件,并使用样式将类作为属性注入 export default withStyles(styles)(myComponent) 我有 const styles = ( (theme:Theme) => createStyles({className:CSS_PROPERTIES}) 我正试图为我的道具声明一个接口,如下所示 interface MyComponentProps { classes : any } 我应该放什么而不是什么 基于,以下是您应该如何
export default withStyles(styles)(myComponent)
我有
const styles = ( (theme:Theme) => createStyles({className:CSS_PROPERTIES})
我正试图为我的道具声明一个接口,如下所示
interface MyComponentProps { classes : any }
我应该放什么而不是什么 基于,以下是您应该如何做:
import { withStyles, createStyles, Theme, WithStyles } from '@material-ui/core';
const styles = (theme:Theme) => createStyles({className:CSS_PROPERTIES})
interface MyComponentProps extends WithStyles<typeof styles> {
// you can type additional none-style related props of MyComponent here..
}
const MyComponent = ({ classes }: MyComponentProps) => {
// your component logic ....
};
export default withStyles(styles)(myComponent)
从'@material ui/core'导入{withStyles,createStyles,Theme,withStyles};
const styles=(主题:主题)=>createStyles({className:CSS_PROPERTIES})
接口MyComponentProps使用样式扩展{
//您可以在此处键入其他与MyComponent无关的道具。。
}
常量MyComponent=({classes}:MyComponentProps)=>{
//您的组件逻辑。。。。
};
导出默认样式(样式)(myComponent)