FieldArrayを反復するredux-form

Question

redux-formのFieldArrayの値を反復処理する正しい方向に誰かを指摘できますか？フォームのすべての値を表示するフォームレビューページを作成しています。私はを反復処理する方法について混乱している

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

})(WizardFormEighthPage); 

：

"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", 
    } 
    ] 

これは私がすべてのフォームの値を取得するために使用するセレクタがある：私は現在、このようになりますFieldArrayと呼ばれるcustomTripsを持っています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> 
))}