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

我对如何循环访问自定义 Trips 字段数组并访问要在评论页面上显示的值感到困惑。任何帮助将不胜感激。谢谢。

Answer 1

我终于想通了！希望这对任何面临类似问题的人有所帮助。我能够使用 getFormValues 选择器并使用地图访问 customTrips 数组。这使我能够遍历自定义Trips数组。

下面是从自定义 Trips 字段数组中获取"pick_up_date1"值的示例：

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