javascript - 如何在 Material UI 中使 TextField 无效

Question

我正在使用 TextField 组件来捕获电话号码。当用户键入时，如果它不是数字或者它不遵循格式并显示错误文本，我想使该条目无效。目前即使不触摸该字段也会显示 errorText。我怎样才能实现这种行为？

任何帮助是极大的赞赏。

Answer 1

从 0.20.1 开始，您可以 helperText和 error Prop

<TextField 
    hintText="Phone"
    error ={this.state.errorText.length === 0 ? false : true }
    floatingLabelText="Phone"
    name="phone"
    helperText={this.state.errorText}
    onChange={this.onChange.bind(this)}/>