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

Good! Any time that someone types or deletes in <input />, the handleUserInput function will update this.state.userInput with the <input />'s text.

Since you're using this.setState, that means that Input needs a getInitialState function!

You know that a getInitialState function should return an object, and that that object should contain a property for each piece of state that you want. So far, that gets you here:

getInitialState() { return { userInput: ????? }; }

What should this.state.userInput's initial value be?

Well, this.state.userInput will be displayed in the <input />. What should the initial text in the <input /> be, when a user first visits the page?

The initial text should be blank! Otherwise it would look like someone had already typed something.

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