Antd, использующий <Table>в качестве ввода массива

Question

В настоящее время я создаю приложение реакции с пользовательским интерфейсом ant-design. У меня проблема с формой. Пока я уже в состоянии создать и отправить нормальную форму. Но когда я попытался создать более сложную форму, я столкнулся с этой проблемой:

Я хочу создать форму с таким вводом:

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

часть 'order' является массивом, что означает, что я могу иметь более 1 заказа в одной форме. Я хочу создать эту часть формы, используя компонент в antd, где я могу визуализировать столбец следующим образом:

{ 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? Заранее спасибо!