Material-UI TextField 上下文脏

Posted 2023-02-22

【中文标题】Material-UI TextField 上下文脏

【英文标题】：Material-UI TextField context dirty

【发布时间】：2018-05-09 15:03:43

【问题描述】：

我试图更好地理解如何使用 material-ui 的 FormControl 或 TextField 组件来检查脏度。 TextField demo page 的文档指出：

TextField 由较小的组件（FormControl、InputLabel、 输入和 FormHelperText），您可以直接利用 显着自定义表单输入。

...在TextField API docs 上声明：

<FormControl /> 组件的属性也可用。

...后来在FormControl API docs 中声明：

提供表单输入所需的上下文，例如 dirty/focused/error/required。 依赖上下文提供了高度的灵活性，并确保 状态始终在 FormControl 的子级之间保持一致。 此上下文由以下组件使用：

表单标签 FormHelperText 输入 输入标签

---

但我没有看到任何文档说明如何使用 TextField / FormControl 检查脏污。

谁能澄清一下？这是 ***，所以这是我正在使用的 TextField 的一些代码：

<TextField
  id='email'
  label='Email'
  value=this.state.email
  onChange=this.handleChange('email')
  margin="normal"
  required
  fullWidth>
</TextField>

【参考方案1】：

可以使用Formik material-ui

Formik Material UI

【参考方案2】：

TextField 组件的脏检查必须手动实现。

handleChange = (id) => (event) =>  this.setState(isEmailDrity: true); ;