Step 6

Let's update the ListMeetings component to iterate over the "meetings" and pass each meeting object to the Meeting component:

  return (
    <div className="list-meetings">
      <div className="list-meetings-top">
        <Search />
      </div>
      <ol className="meeting-list">
        {props.meetings.map((meeting, index) => (
          <Meeting meeting={meeting} key={index} />
        ))}
      </ol>
    </div>
  );
}

Notice the use of {} to use JavaScript in JSX!

Also note the use of the key attribute.