遍历 FieldArray redux-form

Question

谁能指出我迭代 redux 形式的 FieldArray 值的正确方向？我正在制作一个表单审查页面，我想在其中显示表单的所有值。我目前有一个名为 customTrips 的 FieldArray，如下所示：

"customTrips": [
    {
      "pick_up_date1": "2017-08-22",
      "pick_up_time1": "12:31",
      "airline1": "Delta",
      "terminal1": "12",
      "flight_Number": "213",
    },
    {
      "pick_up_time1": "12:31",
      "pick_up_date1": "2017-08-22",
      "airline1": "American Airlines",
      "terminal1": "5",
      "flight_Number": "A12",
    }
  ]

这是我用来获取所有表单值的选择器：

const selector = getFormValues('wizard');
WizardFormEighthPage = connect(state => {
  const formValues = selector(state);
    return {
      formValues
    };

})(WizardFormEighthPage);

我对如何遍历 customTrips FieldArray 并访问要在评论页面上显示的值感到困惑。任何帮助将不胜感激。谢谢

Answer 1

我终于明白了！希望这可以帮助任何面临类似问题的人。我能够使用 getFormValues 选择器并使用地图访问 customTrips 数组。这使我能够遍历 customTrips 数组。

这是从 customTrips FieldArray 获取 "pick_up_date1" 值的示例：

{formValues.customTrips.map((customTrips, index) => (
   <div id="trip1_itin" className="section" key={index}>
        Address: {customTrips.pick_up_date1}
   </div>
))}

遍历 FieldArray redux-form

Iterate through FieldArray redux-form

reactjs

redux

redux-form

react-redux