Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed React Router v6 Basics!
You have completed React Router v6 Basics!
Preview
Instead of rendering a different component for each course topic, we'll create a container component that facilitates the rendering of all courses. Then we'll pass the course data to the container component as props.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
The HTML, CSS, and
JavaScript components inside
0:00
the courses directory all share
exactly the same behavior,
0:03
they return a list of courses using
the data in the courses.js arrays.
0:08
Instead of rendering a different component
for each of the three topics, we'll create
0:17
a single container component that
facilitates the rendering of all courses.
0:23
Then we'll pass the course data to
the container component as props.
0:29
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up