Question

我目前正在使用ant-design UI构建React应用。我有关于表格的问题。到目前为止，我已经能够创建并提交普通表格。但是，当我尝试创建一个更复杂的表单时，我遇到了以下问题：

我想使用以下输入创建表单：

code: string,
name: string,
order: {
 itemid: number,
 qty: number
}

“订单” part是一个数组，这意味着我可以以一种形式拥有多个订单。我想通过在antd中使用component来创建表单的那部分，在这里我可以像这样渲染列：

{ title: L('Item Id'), width: 150, render: (text: string, item: any, index: any) => (
                <Form.Item {...formItemLayout}>
                    {getFieldDecorator('order[' + index + '].itemid', {
                        rules: [{
                            required: true, message: 'Please select id!'
                        }]
                    })(
                        <ItemIdSelectInput/>
                    )}
                </Form.Item>
            )  }

我可以使用这样的表吗？

据我所知，组件必须具有“数据源”才能使用，而我想创建一个没有初始值（空）的“创建”表单。有没有参考或更好的方法可以在antd中创建这种形式？预先感谢！

Antd用作数组形式输入

0 个答案: