Advertencia: Cada elemento en una lista debe tener una propiedad “key” única – clave ya asignada.
Estoy obteniendo este error:
Advertencia: Cada elemento hijo de una lista debe tener una propiedad "key" única. Consulta https://reactjs.org/link/warning-keys para obtener más información.
en Easy
en div
en Central
en div
en Main
en App
Escribí el siguiente código.
import React from 'react'
import Riddleescomp from './riddlescomp'
function Easy() {
const riddles_ = [{
id:1,
state:[],
},
{
id:2,
state: false,
}]
return (
riddles_.map(function(x){
return <riddleescomp key="{riddles_.id}" riddles_="{x}"></riddleescomp>
})
)
}
export default Easy
Estoy obteniendo este error a pesar de que ya asigné una clave a la función. ¿Qué estoy haciendo mal? Muchas gracias.
davy.ai
En el componente “Easy”, estás asignando el mismo valor de “key” a cada elemento en tu array “riddles_” al utilizar “riddles_.id” en lugar de “x.id”. Para solucionar el problema, cambia el valor de la clave a “x.id” de la siguiente manera:
Esto asegurará que cada elemento en el array tenga una propiedad de clave única.