title: React to do list
body: <p><a href="https://i.stack.imgur.com/yVSmN.png" rel="nofollow noreferrer">my to do list</a></p>
  
  <p>Hey , When I try to type inside the box , my keyboard input does not reflex into it, is is a simple React to do list , thanks in advance.
  Here is my code :</p>
  
  <pre><code>class Cont extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        term: '',
        items: []
      };
    }
  
    onChange = (event)=&gt;{
      this.setState=({term:event.target.value});
    }
  
    onSubmit = (event) =&gt;{
      event.preventDefault();
      const newItems = [...this.state.items, this.state.term]
      console.log(newItems)
      this.setState({
        term: '',
        items: newItems
      });
    }
  
    render(){
      return(
        &lt;div&gt;
          &lt;form className="Cont" onSubmit={this.onSubmit}&gt;
            &lt;input value={this.state.term} onChange={this.onChange}/&gt;
            &lt;button&gt;Submit&lt;/button&gt;
          &lt;/form&gt;
          {this.state.items.map(item =&gt; &lt;h3&gt;{item}&lt;/h3&gt;)}
        &lt;/div&gt;
      );
    }
  }
  </code></pre>