Ich bin neu in React und habe eine App erstellt, mit der Suchanfragen gespeichert werden können. Dadurch wird JSON abgerufen, es wird jedoch gerade von einem statischen Array abgerufen.data. Ich habe Probleme, Suchanfragen aus der Suchliste zu löschen.

Hier ist der Jsbin:http: //jsbin.com/nobiqi/edit? js, output

Hier ist mein Element zum Löschen von Schaltflächen:

var DeleteSearch = React.createClass({
  render: function() {
    return (
      <button onClick="this.props.deleteSearchItem" value={index}><i className="fa fa-times"></i>
        </button>
    );
  }
});

und meine Funktion

  deleteSearchItem: function(e) {
    var searchItemIndex = parseInt(e.target.value, 10);
    console.log('remove task: %d', searchItemIndex);
    this.setState(state => {
        state.data.splice(searchItemIndex, 1);
        return { data: state.data };
    });
  }

Ich habe folgende Tutorials ausprobiert und bin mir nicht sicher, wohin ich von hier aus gehen soll. Wie kann ich die Suchbegriffe löschen?