es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

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.

Tags:  , , ,

Answer

  1. Avatar for 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:

    return <riddlees_comp key="{x.id}" riddles_="{x}"></riddlees_comp>;
    

    Esto asegurará que cada elemento en el array tenga una propiedad de clave única.

Comments are closed.