1

Tengo este codigo para acceder a un array dentro de mi objeto

data.map((tem, key) => {
  return (
    <div key={key}>
      <h1>{tem.name}</h1>
      <p>{key}</p>
      <img src={tem.wikiPortraitUrlLarge} alt="" />
      {tem.techniques.map((tem, otra) => {
        return (
          <div key={otra}>
            <span> {tem.name}</span>
          </div>
        );
      })}
      {tem.malisimo.map((tipos, mal) => {
        return (
          <div key={mal}>
            <span> {tipos.name}</span>
          </div>
        );
      })}
    </div>
  );
});

Todo funciona bien excepto por el tem.malismo.map, deberia funcionar ya que es igual al anterior tem.techniques.map

me arroja "Cannot read property 'name' of undefined"

Ejemplo de los arrays : introducir la descripción de la imagen aquí

Gracias.

2
  • Podrías agregar una validación para que haga el map solo si malisimo tiene un valor, ’tem.malisimo && tem.malisimo.map‘
    – Isaac
    Commented el 9 may. 2020 a las 17:20
  • Gracias por contestar, pongo la validación pero me sigue arrojando el mismo error, eso significa que si la pasa pero sigue sin acceder al tipos.name Commented el 9 may. 2020 a las 20:24

1 respuesta 1

1

Creo que tu error ocurre porque la variable data es un Object en lugar de un Array. Esto lo estoy infiriendo de la imagen que publicaste. Si quieres utilizar la función map con un Object debes primero llamar a la función entries para obtener un arreglo de arreglos con el par llave valor del objeto. Por ejemplo:

Object.entries(data).map((key, value) => ...);

Más información: https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/Object/entries

Nota: Si publicas la definición de la variable data te puedo seguir ayudando 👌

1
  • Hola Jorge, gracias por comentar ya lo resolví, era un error con un dato, venia diferente. pero lo que me comentas si lo utilice y si sirve, pero pude entrar normalmente como map. Saludos. Commented el 10 may. 2020 a las 0:13

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.