React

by Pratik Galoria

HTML

<div id="app"></div>

React

class TodoApp extends React.Component {
  constructor(props) {
    super(props);
    this.handleChange = this.handleChange.bind(this);
    this.state = {
    	inputVal: 'Hello!',
    };
  }
  
  handleChange(e) {
  	this.setState({
    	inputVal: e.target.value,
    });
  }
  
  render() {
  	const {inputVal: value} = this.state;
  
    return (
      <div>
        <TodoItem onChange={this.handleChange} value={value}></TodoItem>
        {value}
      </div>
    )
  }
}

const TodoItem = (props) => (
	<input onChange={props.onChange} value={props.value}/>
);

ReactDOM.render(<TodoApp />, document.querySelector("#app"))