reactjs - TextField 和 SelectField 之外的组件的错误文本

Question

我正在实现一个简单的表单，其中包含用于收集数据的字段。我需要对一些字段(如文本字段、复选框和单选按钮)实现验证。

根据文档，要使用的属性是“errorText”

根据网站( http://www.material-ui.com/v0.11.1/#/components/switches )的规范，没有任何属性支持它。

但是我们确实为文本框提供了这个。( http://www.material-ui.com/v0.11.1/#/components/text-fields )

<TextField hintText="Hint Text"  errorText={this.state.errorText}  onChange={this._handleErrorInputChange} />

因此，任何有这方面经验的人都可以帮助了解他们是如何实现这一点的，还是我只是缺少一些基本的东西？

Answer 1

好吧，你必须实现自己的错误消息。我建议你创建一个包装 Checkbox 的组件或任何其他没有 errorText 的material-ui组件属性并在那里实现它..

类似于:

const MyCheckbox = (props) => {
    return (
        <div>
            <Checkbox
              {...props}
            />
            <div className='error-text'>{props.errorMessage}</div>
        </div>
    )
}