Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser

Access a Component's props

Every component has something called props.

A component's props is an object. It holds information about that component.

To see a component's props object, you use the expression this.props. Here's an example of this.props being used inside of a render method:

render() { console.log("Props object comin' up!"); console.log(this.props); console.log("That was my props object!"); return <h1>Hello world</h1>; }

Most of the information in this.props is pretty useless! But some of it is extremely important, as you'll see.

Report a Bug
If you see a bug or any other issue with this page, please report it here.