A traditional form doesn’t update the server until a user hits “submit.” But you want to update the server any time a user enters or deletes any character.
Instructions
Look at Input.js.
Can you find the bug? It’s somewhere in the render
function. Scroll down once you have a guess.
…
…
…
…
…
…
…
There’s a self-closing tag without a forward slash! Find the missing forward slash and fill it in.
Look at Input
‘s render function. View the result on the screen. Try typing into the <input />
in the browser.
Once Input
has been set up correctly, then you will be able to change the <h1></h1>
‘s inner text by typing into the <input />
in the browser.
You want to respond to any entered or deleted character in the <input />
field!
The best way to do that is by listening for a “change” event on the <input />
.
Give <input />
an onChange
attribute. Set onChange
‘s value equal to {this.handleUserInput}
. Don’t worry about the fact that there is no handleUserInput
function yet - you’ll make one!