FAQ: Components Render Other Components - Apply a Component in a Render Function

Frequently Asked Questions React.js FAQ
1

Community%20FAQs%20on%20Codecademy%20Exercises
Community%20FAQs%20on%20Codecademy%20Exercises1000×208 141 KB

This community-built FAQ covers the “Apply a Component in a Render Function” exercise from the lesson “Components Render Other Components”.

Paths and Courses
This exercise can be found in the following Codecademy content:

Web Development

Learn ReactJS: Part I

FAQs on the exercise Apply a Component in a Render Function

Join the Discussion. Help a fellow learner on their journey.

Ask or answer a question about this exercise by clicking reply (reply) below!

Agree with a comment or answer? Like (like) to up-vote the contribution!

Need broader help or resources? Head here.

Looking for motivation to keep learning? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

Have a question about your account or billing? Reach out to our customer support team!

None of the above? Find out where to ask other questions here!

2

If I had a component within ProfilePage.js called NavBar, as well as the NavBar.js file, how would React know which instance I want to return?

Edit: Never mind, I moved on to the next exercise and it was explained!

3 Likes
3

How does ProfilePage.js know what <NavBar /> is when it’s not defined or imported in anyway in ProfilePage.js ?

1 Like
4

I have exactly the same question! But I bet it doesn’t know it because we have no view to check the render. It is just for the example I guess…

5

I have the also same question. How to two file interacting without importing and exporting them.