Reactjs 与风格注入道具类型

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 } 我应该放什么而不是什么 基于,以下是您应该如何

我正在用材质UI包装我的类组件,并使用样式将类作为属性注入

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)