Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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} type="text" name="input" value = {this.state.input} />
- { /* change code above this line */}
- <h4>Controlled Input:</h4>
- <p>{this.state.input}</p>
- </div>
- );
- }
- }
Add Comment
Please, Sign In to add comment