Charger des données imbriquées dans un composant React en utilisant redux

Question

J'ai une question. J'ai un magasin de redux où j'ai quelques données comme ceci:

team : { 
name: "team name" 
id: 2, 
players : [ 1, 3, 4, 5 ] 
} 

La liste de joueurs se rapporte aux ids dans mon backend de base de données.

Puis j'ai un TeamComponent où je dois montrer le nom et les joueurs, pour les joueurs que j'ai un autre composant, dans ce composant je veux itérer les joueurs et afficher le nom du joueur, l'âge de la photo, etc.

Mais je ne sais pas comment transmettre des données à ce composant parce que j'ai juste les ids (1,2,3,4), devrais-je faire une requête d'ajax et puis rendre le composant enfant? mais où dois-je stocker ces données? parce que je veux garder mon magasin aussi simple que possible.

Merci à l'avance

Answer 1

Vous devriez être bon avec ces étapes:

1. En supposant que vous avez une sorte d'API REST et fetching logic - données de demande de composants haut avec des joueurs comme ressources connexes.

2. Add received data to the state tree. Vous devriez avoir teams et players réducteurs séparément.

3. Map state to props inside components et de rendre les données nécessaires.