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 或任何其他 material-ui 组件没有 errorText 属性并在那里实现它..

类似于：

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

TextField 和 SelectField 以外的组件的错误文本

Error text for Components other than TextField and SelectField

reactjs

material-ui