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.