Question

我使用材料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>
    ),
  }}
/>

这是代码。纠正我那是什么问题预先感谢。

Answer 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'。

材质ui文本字段不可编辑

1 个答案: