title: Remove items form the list in React js
body: <p>I am creating a To-do app &amp; I am not able to write the code for deleting the elements of the list when we click them. I want the specific item to delete when a user clicks on it</p>
  
  <pre><code>class Todo extends React.Component {
  
      constructor(props) {
        super(props);
        this.state={todos:[]};
      }
  
      save() {
        var todos = [...this.state.todos];
        todos.push(this.newText.value);
        this.setState({todos});
      }
  
      remove{
  
      }
  
  
      render(){
          return(
              &lt;div className="list"&gt;
                &lt;h1&gt; TO-DO List&lt;/h1&gt;
                &lt;input type="text" ref={(ip) =&gt; {this.newText = ip}}/&gt;
                &lt;button onClick={this.save.bind(this)} className="btn btn-primary glyphicon glyphicon-floppy-saved"&gt;Save
                &lt;/button&gt;
                &lt;ul&gt;
                  {this.state.todos.map(function(todo) {
                        return &lt;li&gt;{todo}&lt;/li&gt;
  
                   })}
  
                &lt;/ul&gt;
              &lt;/div&gt;
          )
      }
  };
  </code></pre>