Question

我想使用Material-UI Next textfield error props link，道具类型为boolean。以前版本的Material-UI道具名称为errorText，道具类型为node link。

使用errorText道具的Textfield Material-UI以前的版本：

<TextField
  name='name'
  floatingLabelText='Name'
  hintText='Type your name'
  value={this.state.fields.name}
  onChange={this.onChange}
  errorText={this.state.error}
/>

使用Material-UI之前版本中的errorText，代码可以很好地显示错误状态。

Textfield Material-UI接下来使用error道具：

<TextField
  name='name'
  label='Name'
  placeholder='Type your name'
  value={this.state.fields.name}
  onChange={this.onChange}
  error={true} //only accept true or false value
/>

在Material-UI上，下一个errorText道具使用布尔类型更改为error，并且只接受true或false值。如果我将error道具设置为true，则文本字段随时会显示错误状态。我只想在某些条件下显示错误状态。

如何在Material-UI Next textfield上使用错误状态this.state.error？

Answer 1

使用反应组件状态，可以存储TextField值并将其用作错误的指示符。 Material-UI公开error和helperText道具以交互方式显示错误。

看看下面的例子：

<TextField
  value={this.state.text}
  onChange={event => this.setState({ text: event.target.value })}
  error={text === ""}
  helperText={text === "" ? 'Empty field!' : ' '}
/>

如何使用Material-ui @ next TextField错误道具

1 个答案: