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属性并在那里实现..

类似的东西：

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

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

1 个答案: