antd IP输入框获取值的问题

Question

                    <Form >
                        <FormItem
                            {...formItemLayout}
                            label="子网名称"
                            hasFeedback
                        >
                            {
                                getFieldDecorator('label', {
                                    rules: [{ required: true, message: '子网名称不能为空!' }]
                                })(
                                    <Input placeholder='请输入子网名称'></Input>
                                    )
                            }
                        </FormItem>
                        <FormItem
                            {...formItemLayout}
                            label="子网IP"
                            hasFeedback
                        >
                            <Col span="18">
                                <Col span="5"><Input defaultValue={10}></Input></Col>
                                <Col span="5" offset="1"><Input defaultValue={199}></Input></Col>
                                <Col span="5" offset="1"><Input defaultValue={0}></Input></Col>
                                <Col span="5" offset="1"><Input defaultValue={0}></Input></Col>
                                <Col span="1"></Col>
                            </Col>
                            <Col span="1">/</Col>
                            <Col span="4" offset="1"><Input defaultValue={0}></Input></Col>
                        </FormItem>
                    </Form>

请问下这个怎么优雅的获取每个input的值呢，这里是要输入一个IP地址，我用<Input/>组件 现在要获取到每一个 input的值 难道每一个都要用<FormItem>包裹起来吗？有没有更好的办法

Answer 1

如果要代码上的优雅，封装一层 FormItem

Answer 2

封装成一个自定义的 IpInput 组件后放进 FormItem 中。