react · JavaScript
Le message
Each child in a list should have a unique "key" prop.
Ce que cela veut dire
Des éléments frères rendus en liste n'ont pas de key : React ne peut donc pas les apparier aux mêmes entrées au rendu suivant. Vous avez construit les éléments avec items.map(...) sans key ; ce n'est qu'un avertissement, l'affichage a bien lieu, mais il revient en bogue silencieux dès que la liste change — le symptôme est une valeur de champ ou une animation qui reste sur la mauvaise ligne. Donnez un id stable issu de vos données. Utiliser l'indice du tableau comme key n'est sûr que pour une liste dont l'ordre ne change jamais et où l'on n'insère ni ne supprime au milieu ; sinon cela reproduit presque exactement le problème de l'absence de key. Depuis React 19, le Warning: en tête a disparu.
Le correctif
Pas de commande en une ligne ici. L’explication dit où regarder.
- Émis par
- react
- JavaScript
- 15
Les erreurs du navigateur et de Node disent d'ordinaire ce qui a cassé et non pourquoi la valeur est devenue telle — vous avez lu undefined, ce n'était pas une fonction, ce n'était pas du JSON — l'endroit à corriger se trouve donc en amont de la ligne qui a levé l'erreur, et faire taire cette seule ligne avec ?. et des valeurs par défaut fait revenir le même problème plus loin, sous une forme plus difficile à reconnaître.
Lire un message d’erreur
- Lisez à partir de la première ligne. Plus on descend, plus il s’agit des entrailles de l’outil ; la cause est généralement en haut.
- S’il y a un fichier et un numéro de ligne, commencez là — pas la première image de la pile, mais la ligne la plus haute qui nomme un fichier de vous.
- Cherchez le message tel quel, mais retirez d’abord vos chemins et vos noms de variables : c’est cela qui empêche la correspondance.
- La même situation se formule autrement selon la version de l’outil. Si les résultats sonnent faux, ajoutez le numéro de version.
- Avant de coller un correctif, vérifiez ce qu’il jette. Certains sont irréversibles.
Questions fréquentes
Q. Que veut dire « Each child in a list should have a unique "key" prop. » ?
Des éléments frères rendus en liste n'ont pas de key : React ne peut donc pas les apparier aux mêmes entrées au rendu suivant. Vous avez construit les éléments avec items.map(...) sans key ; ce n'est qu'un avertissement, l'affichage a bien lieu, mais il revient en bogue silencieux dès que la liste change — le symptôme est une valeur de champ ou une animation qui reste sur la mauvaise ligne. Donnez un id stable issu de vos données. Utiliser l'indice du tableau comme key n'est sûr que pour une liste dont l'ordre ne change jamais et où l'on n'insère ni ne supprime au milieu ; sinon cela reproduit presque exactement le problème de l'absence de key. Depuis React 19, le Warning: en tête a disparu.
Q. Comment le corriger ?
Pas de commande en une ligne. L’explication ci-dessus dit où regarder.
Q. Quel outil émet cela ?
react. Cela relève de JavaScript, et le message compte 11 mots.