Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript React Basics (2018) Introducing Props Setting and Using Props

Posted by Federico Lemaire
Federico Lemaire
8,423 Points

Doubt about Props as a parameter in React

Hi everyone! I have a little doubt about the props. My english is not the best so sometimes I don't get some things.

My doubt is that you can have 3, 10, 50 props and you only pass "props" as the unique argument and React gather them all?

1 Answer

Jeremy Antoine
Jeremy Antoine
15,785 Points
Jeremy Antoine
Jeremy Antoine
15,785 Points

The name can be misleading. "Props" is really "An Object that contains all of the properties(props) of a component's instance".

So to answer your question, yes, by passing the props Object (of the Header's instance) as an argument to the Header Component's function, the function receives all of the properties within the props Object. Think of a Props Object like an array of key: value pairs.