React Fundamentals

0% completed

Previous
Next
Code Challenge

Challenge: List of Students and Grades

Follow these instructions to complete your challenge:

  1. In the App.jsx file, create a StudentsList component.
  2. Inside this component, create an array of student objects. Each object should have a name and a grade.
  3. Use the .map() function to display each student’s name and grade inside a <p> tag.
  4. Ensure each student is wrapped in a <div> and has a unique key.
  5. Display the StudentsList component inside the App component.

Expected Output Example:

Student Grades John - A Doe- B Jane- C Gates- A

.....

.....

.....

Like the course? Get enrolled and start learning!
Previous
Next