Trying to move on from the lesson, and my code will do what the prompts are asking but I’m afraid it might not be passing the state values around in the particular way that FCC wants me to. I already cleared my cache and cookies
class ControlledInput extends React.Component {
constructor(props) {
super(props);
this.state = {
input: ''
};
// change code below this line
this.handleChange = this.handleChange.bind(this);
// change code above this line
}
// change code below this line
handleChange(event){
this.setState({input: event.target.value});
}
// change code above this line
render() {
return (
<div>
{ /* change code below this line */}
<input onChange={this.handleChange}/>
{ /* change code above this line */}
<h4>Controlled Input:</h4>
<p>{this.state.input}</p>
</div>
);
}
};
The out put reads:
// running test
Typing in the input element should update the state and the value of the input, and the p element should render this state as you type.
// tests completed
I feel as though I have achieved what it’s asking. Any thoughts?
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36
.
Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/react/create-a-controlled-input/