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.

TypeError no capturado: props.users.map no es una función.

Aquí está el código. Aún soy muy nuevo en el uso de map().
Este es el enlace de todo mi código: https://github.com/thedreamJK7/My-app2

import React from "react";
import styles from "./CollectionUser.module.css";

const CollectionUser = (props) => {
  return (
    <ul classname="{styles.ulCollect}">
      {props.users.map((Items) => (
        <li>
          {Items.name} ({Items.age} años)
        </li>
      ))}
    </ul>
  );
};

export default CollectionUser;

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Este código es un componente de React llamado CollectionUser. Toma como argumento las props que contienen un array de objetos de usuario con propiedades de nombre y edad.

    El componente utiliza el método map() para iterar sobre cada objeto de usuario en el array y devolver un elemento JSX li con el nombre y la edad del usuario mostrados.

    Los elementos li se renderizan dentro de un elemento ul que tiene una clase CSS de “ulCollect”.

    Es probable que este componente se utilice para mostrar una lista de usuarios con sus nombres y edades en una determinada parte de una página web.

Comments are closed.