ant.design 3x getFieldDecorator 如何一個字段存儲多個值

中後臺開發的時候，可能會遇到下面這種表格裏面嵌套form表單的情況。如果你使用的是ant.design 3x ，由於表格行時循環出來的，且同一列對應的輸入框的字段是相同的，如果我們用getFieldDecorator裝飾了表單，我們就需要解決如何讓getFieldDecorator 用一個字段存儲多個值的問題。

官網沒有找到相關的方法，經嘗試下面的方法可以解決：

<Form.Item>
    {getFieldDecorator(`${item.key}[ruleType]`)(<InputNumber />)}
</Form.Item>

這裏getFieldDecorator的id用了 [ ] 屬性的寫法，裏面用循環過程中的屬性和字段名拼接成getFieldDecorator的id。之所以將item.key（key爲每一行獨有）放前面，是因爲這樣可以按行存儲相關字段，結果類似下面：

 

 

注意，這裏我並不需要保證獲得的數據順序和表格行數據一致，如果需要保持一直的話，那此處的key需要能進行排序