Itérer via FieldArray redux-form

Question

Quelqu'un pourrait-il me diriger dans la bonne direction d'itérer à travers les valeurs d'un FieldArray sous forme de redux? Je fais une page de révision de formulaire où je veux afficher toutes les valeurs du formulaire. J'ai actuellement un tabChamps appelé customTrips qui ressemble à ceci:

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

Ceci est le sélecteur que j'utilise pour obtenir toutes les valeurs du formulaire:

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

})(WizardFormEighthPage); 

Je suis confus sur la façon dont je peux itérer la customTrips FieldArray et accédez aux valeurs à afficher sur la page de révision. Toute aide serait grandement appréciée. Merci.

Answer 1

Je l'ai compris finalement! J'espère que cela aidera tous ceux qui font face à un problème similaire. J'ai pu utiliser le sélecteur getFormValues ​​et accéder au tableau customTrips en utilisant une carte. Cela m'a permis de parcourir le tableau customTrips.

Voici un échantillon pour obtenir la valeur "pick_up_date1" du customTrips ChampTableau:

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