CustomizedComponent не связан с редуксом

Question

У меня есть 2 настроенных компонента.Я положил их внутрь поля, чтобы сохранить их ценность.CustomizedComponent2 прекрасно связан с Redux, и я могу принять его значение, но CustomizedComponent1 нет.Почему?

    <div className="mainMenu">
     <form name="handleProductsForm">
              <label>Product</label>
              <Field
                component={CustomizedComponent1}
                name="products"
                items={[
                  { value: "bag", id: 1 },
                  { value: "purse", id: 2 }
                ]}
              />
              <Field component={CustomizedComponent2} name="category" type="text"/>
    </div>

    let ProductsPanel= reduxForm({
     form: "handleProductsForm",
     enableReinitialize: true
    })(ProductsPanelWrapped);

    const mapStateToProps = (state, ownProps) => {
     return {
      initialValues: {
      }
     };
    };

Answer 1

import {connect} from 'react-redux';
import { yourActionName} from '../../actions/yourActionName';


onSubmit(){
  const {dispatch} = this.props
  dispatch(yourActionName(this.state.items))
} 

 // getting data from comp1 to Field

      <div className="mainMenu">
 <form name="handleProductsForm">
          <label>Product</label>
          <Field
            component={CustomizedComponent1}
            name="products"
           getItems={(items)=> this.myItems(items)}
          />
          <Field component={CustomizedComponent2} name="category" type="text"/>
</div>

 myItems(items){
  this.setState(items: items)
}


//component 1

 let {getItems} = this.props
//call this function when you selected all values 
getItems(this.state.items)