除 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>
    )
}