Warning ‘there are more than one `getFieldDecorator` in it.‘

问题： ant-design form 警告 Warning ‘there are more than one getFieldDecorator in it.’

版本： ant-design 3.*

原因： 在一个 <Form.Item/>里面写了两个或更多的getFieldDecorator()

分析：

这种需求不是不可以， 而且很常见。 我们经常会把有很轻关系的fields放在一起， 所以放在一个 <Form.Item/>也很常见， 只不过不是直接放， 而是用 <Form.Item/>包起来再放就可以了。 也就是说， <Form.Item/>是可以支持嵌套多个 <Form.Item/>的。

例子：

<Form layout="horizontal" onSubmit={this.onSubmit}>
	<Form.Item label="Close When">
	   <Row>
	        <Col span={10}>
	            <Form.Item>
	                <label>Inc &lt; </label>
	                {getFieldDecorator('durationThreshold', { initialValue: data.durationThreshold})(
	                    <InputNumber min={1}/>,
	                )}
	            </Form.Item>
	        </Col>
	        <Col span={10}>
	            <Form.Item>
	                <label style={{ marginLeft: 20 }}>Occur &lt; </label>
	                {getFieldDecorator('occurrThreshold', { initialValue: data.occurrThreshold})(
	                    <InputNumber min={1}/>,
	                )}
	            </Form.Item>
	        </Col>
	    </Row>
	</Form.Item>
</Form>

效果图：

参考链接： https://github.com/ant-design/ant-design/issues/5052