WithStyles无法在Material UI中用于React

用户名

我有一个使用Material UI Beta的应用程序,在其中尝试按如下方式设置简单组件的样式:

import { MuiThemeProvider } from 'material-ui/styles';


const styles = theme => ({
  container: {
    display: 'flex',
    flexWrap: 'wrap',
  },
  textField: {
    marginLeft: 200,
    marginRight: theme.spacing.unit,
    width: 200,
  },
  menu: {
    width: 200,
  },
});



export const CreateJob = (props) => {
  const { classes } = props;
  let confirmDelete = () => {
    const r = window.confirm("Confirm deletion of job");
    return r === true;
  };

  return (
    <MuiThemeProvider>
      <div>
        <form onSubmit={props.isEditting ? props.handleEdit : props.handleSubmit}  noValidate autoComplete="off">
          <h2>Update job details</h2>
          <TextField
            error={props.jobIdError !== ''}
            helperText={props.jobIdError || "Example: ES10"}
            autoFocus
            margin="dense"
            id="jobId"
            label="Job ID"
            name="jobid"
            fullWidth
            onChange={props.handleInputChange('jobId')}
            value={props.jobId} />
         </form>
       </div>
     </MultiThemeProvider>

然后,在父组件中按如下方式使用它:

<CreateJob open={this.state.open} />

但是,这会产生以下错误:

TypeError:无法读取未定义的属性“类”

埃里克·冯

您的代码中未定义this.state。在示例中,状态定义为

    state = {
    name: 'Cat in the Hat',
    age: '',
    multiline: 'Controlled',
    currency: 'EUR',
  };

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

缩进无法在emacs中用于python

material-ui @ next没有withStyles?

在新的@ material-ui / core中将withStyles与Typescript一起使用

如何模拟Material-ui withStyles的实现?

打字稿:为什么Material-UI“ withStyles()”无法与显式构造函数一起使用?

在多个样式的HoC上具有样式的Material UI withStyles

reactjs中的material-ui-React应用程序中的@withStyles(styles)给出语法错误:意外令牌> @withStyles(styles)

React Material-UI注入withStyles不起作用

当使用withStyles悬停元素时,React / Material隐藏元素的孩子

升级到Material UI 4-withStyles后出现错误

为什么我不能将redux的connect与material-ui withStyles配合使用?

在已经使用withTheme()的情况下使用withStyles()覆盖material-ui主题

为什么MenuItem组件不能在React Material-UI中用作链接

测试是否呈现具有必需PropTypes的Material-UI withStyles组件?

无法正确渲染Material UI React Grid

Material-UI:使用withStyles自定义Box组件

@CachePut无法在@Configuration中用于预缓存

为什么Material UI 的“withStyles”不允许camelCase 道具?

React Router ScrollToTop 不适用于 Material UI

无法使用 Material UI 图标

Material UI 框架中的 withStyles 和 makeStyles 有什么区别?

React Material UI Select 无法正常工作

如何在 Material UI 中使用 useStyles 而不是 withStyles 设置切换开关的样式?

无法读取 Material UI 类

React material-ui AvatarGroup 圆形,用于额外的孩子

Material-UI makeStyles 与 withStyles 生成的类名

React - Material UI | 找不到模块:无法解析“material-ui/Button”

Material-UI:WithStyles(ForwardRef(Dialog)) 中未實現提供給 classes 道具的關鍵 `paperFullWidth`

React 美丽的拖放不适用于 Material UI 组件