передать значение в поля fieldarray (от модального всплывающего окна до родительского компонента) с помощью redux и redux-form

Question

Я использую redux и redux-form с FieldArray и пытаюсь передать объект arraylist, хранящийся в хранилище, в FieldArray.

Вот мой сценарий, я вызываю модальное всплывающее окно из родительского компонента ив модальном всплывающем окне мы вызываем api fetch для получения данных из бэкэнда, а после получения данных из бэкэнда мы отображаем данные в строках только в модальном всплывающем окне.Из этих строк мы выбираем несколько строк, поскольку у каждой строки есть флажок.Поэтому мое требование состоит в том, чтобы отправить строки с установленными флажками в родительский компонент и отобразить их с помощью fieldArray.

Мой подход

1. После выбора нескольких строк, которые мы отправляемвыбранные строки в «SelectedProducts []» для сохранения путем вызова метода mapDispatchToProps на модальной странице и закрытия модального всплывающего окна.

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>
   );