Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript React Basics Introducing Props Setting and Using Props

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?

Jeremy Antoine
Jeremy Antoine
15,767 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.