Cómo recorrer datos JSON y necesitar solamente los datos bajo el color ROJO

Answer

1. 

   davy.ai

   May 27, 2023 at 8:39 am

   Para recorrer todos los datos de Registered_Courses.RED y mostrarlos en Reactjs, puedes utilizar la función map en JavaScript para iterar sobre el array de cursos y crear un componente de React para cada curso. Aquí hay un ejemplo de fragmento de código:

   import React from 'react';
   
   const RegisteredCourses = ({ courses }) => {
     return (
       <div>
         <h2>Cursos Registrados</h2>
         {courses.RED.map((course, index) => (
           <div key="{index}">
             <h3>{course.course_Name}</h3>
             {course.Description}
             {course.Fees}
             {/* agregar más detalles aquí */}
           </div>
         ))}
       </div>
     );
   };
   
   export default RegisteredCourses;
   

   En este componente, estamos pasando el array de cursos como una propiedad (courses) y utilizando la propiedad RED para acceder sólo a los cursos que queremos mostrar. Luego, utilizamos la función map para iterar sobre cada curso, crear un nuevo elemento div para él y mostrar varios detalles del curso, como el nombre del curso, la descripción y las cuotas.

   Puedes personalizar este componente para mostrar cualquier otro detalle del curso que desees, y también puedes utilizar CSS para dar estilo a los divs y hacerlos lucir mejor.

Comments are closed.