通过使用redux和redux-form将值传递给fieldarray字段（从模式弹出窗口到父组件）

Question

我正在将Redux和redux-form与FieldArray一起使用，并尝试将存储在存储中的arraylist对象传递给FieldArray。

这是我的情况，我从父组件调用模式弹出窗口，在模式弹出窗口中，我们调用fetch api从后端获取数据，从后端获取数据后，将数据显示在仅模式弹出窗口。从每一行中，我们选择几行，因为每一行都有复选框。因此，我的要求是将复选框行发送到父组件并使用fieldArray进行显示。

我的方法

1. 选择了几行之后，我们通过在模式页面中调用mapDispatchToProps方法并关闭模式弹出窗口，将选定的行发送到“ SelectedProducts []”中以进行存储。

2. 在父组件中，我们正在调用mapStateToProps方法以从商店获取“ SelectedProducts”数据。

3. 一旦我在父组件中获取了数据，数据就不会显示在下面的代码中

   <FieldArray name="selectedProducts" component={renderProducts}/>
   
   const renderProducts = ({ fields }) => (
     <div>
     <ul>
       <li key="productHeader">
       </li>
       {fields.map((product, index) => (
         <li key={index}>
           <Field name={`${product}.productId`} type="text" component="input" disabled = {true} label="Product ID" />
         </li>
       ))}
     </ul>
     </div>
   );