J'ai des données stockées dans data.js fichier dans le tableau. Je montre que les données dans un composant enfant (seul le premier objet dans la matrice). Je veux mapper via la même matrice dans le composant parent (par rendu data.js composant enfant composant parent Je veux obtenir tous les 3 objets du tableau "Data 'dans le composant parent, je reçois maintenant 3 mêmes composants avec juste un premier objet.
3 Réponses :
Vous pouvez simplement réussir les données de la fonction map elle-même comme: et dans l'enfant:
Cela semble fonctionner pour le composant parent. Mais le composant enfant jette une erreur: impossible de lire le «titre» de la propriété non définie
En un seul article, je devais passer l'index du tableau. c'est OK.
Voici la meilleure solution possible selon moi: codesandbox.io/s/y2lrywpk21
Passez l'élément vers le bas comme des accessoires: Le vous pouvez y accéder dans la méthode Render (): P> render() {
const { question } = this.props;
return (
<div >
<div>
<p>{question.title}</p>
<button>toggle</button>
</div>
<p>{question.answer}</p>
</div>
);
}
Peut-être que vous devriez peut-être lire un peu plus sur composants et passages dans Réagir.
Ce que vous pourriez faire pour faire ce travail est au lieu d'importer Cela ressemblerait à ceci comme suit: Maintenant, l'élément doit être accessible via des accessoires dans le composant enfant: data dans votre composant accordionItem , vous le transmettez au AccordionItem via des accessoires.