材质 ui 文本字段无法编辑

【问题标题】：material ui textfield cannot editable材质 ui 文本字段无法编辑
【发布时间】：2019-12-14 21:20:47
【问题描述】：

我使用材质 UI 和 TextField 类型的字段文本。但是当我在我的字段电子邮件中被扣押时，扣押并没有出现在屏幕上，并且电子邮件字段中的值没有改变。它始终保持相同的值。

手柄更改不起作用。该值未传递给handleChanges 保持相同的值

<TextField fullWidth={true}
  className={classes.margin}
  label={<FormattedMessage id="LoginTemplate.email" defaultMessage="Email" />}
  id="email"
  ref="email"
  name="eamil"
  type="email"
  value={authentification.email}
  onChange={this.handleChange}
  InputProps={{
    endAdornment: (
      <InputAdornment position="end">
        <Email className={classes.inputIconsColor} />
      </InputAdornment>
    ),
  }}
/>

这里是代码。纠正我那有什么问题提前致谢。

【问题讨论】：

标签： reactjs react-native material-design material-ui

【解决方案1】：

为了使值改变，你需要改变一个状态（在屏幕上或外部）。

例如（性能不佳但只是为了解释）：如果存在，添加到您的 cunstrunctor：

constructor(props) {
  super(props);
  this.state = {
    emailInputText: undefined //or empty string
  }
}

然后将 TextField 组件 value 和 onChange 属性更改为：

value={this.state.emailInputText}
onChange={(text) => this.setState({emailInputText: text})}

我会考虑删除ref='email'。

【讨论】：