Les objets ne sont pas valides en tant qu’enfant React. Si vous vouliez rendre une collection d’enfants, utilisez plutôt un tableau

Question

Je suis en train de mettre en place une application React avec un backend Rails. Je reçois l’erreur « Les objets ne sont pas valides en tant qu’enfant React (trouvé: objet avec clés {id, nom, info, created_at, updated_at}). Si vous vouliez rendre une collection d’enfants, utilisez plutôt un tableau.

Voici à quoi ressemble mes données :

Mon code est le suivant:

Qu’est-ce que je fais de mal ?

Answer 1

Vos données `` sont un tableau, de sorte que vous auriez à itérer sur le tableau en utilisant Array.prototype.map() pour qu’il fonctionne.

Answer 2

J’ai eu une erreur similaire pendant que je créais un modal personnalisé.

Le problème, c’est que je n’ai pas envelopper mes valeurs à des parenthèses bouclées comme celle-ci.

Si vous avez plusieurs valeurs à transmettre au composant, vous devez utiliser des supports bouclés autour d’elle.

Answer 3

Bien qu’elle ne soit pas spécifique à la réponse, cette erreur se produit principalement lorsque vous utilisez par erreur une expression JavaScript à l’intérieur d’un contexte JavaScript à l’aide de {}

par exemple

La bonne façon de le faire serait