antd的验证-在一个formitem中多input的验证方法？

Question

FormItem中有多个input，每个都需要验证，写多个getFieldDecorator肯定不行，API里说了

一个 Form.Item 建议只放一个被 getFieldDecorator 装饰过的 child，当有多个被装饰过的 child 时，help required validateStatus 无法自动生成。

有什么好方法呢？

Answer 1

自己想到一个解决方法：

formitem 中有help 和 validateStatus,
·
<FormItem help={this.state.help} validateStatus={this.state.validateStatus} >

<input1 onChange={....}>
<input2 onChange={....}>

</FormItem>
·
通过在onChange事件中修改state的help和validateStatus来显示错误信息或者正确结果。

Answer 2

<FormItem
    {...formItemLayout}
    label={'股东'}
>
    <Row>
        <Col span={10}>
            {this.props.form.getFieldDecorator('shareHolder3', {
                rules: [{required: true, message: '请输入股东名称'}],
            })(<Input />)}
        </Col>
        <Col span={10}>
            <FormItem>
                {this.props.form.getFieldDecorator('shareHolder4', {
                    rules: [{required: true, message: '请输入正确的持股比例'}],
                })(<Input />)}
            </FormItem>
        </Col>
    </Row>
</FormItem>

这样就可以让两个输入框在一行，并且分别对其验证！

Answer 3

东西太多直接贴地址https://www.cnblogs.com/sunxi...
（实现了FormItem里多Input/Select组件 Rol/Col实现布局）