Я новичок в React и создал приложение, которое позволяет сохранять результаты поиска. Это будет тянуть JSON, но в настоящее время извлекает из статического массиваdata, У меня проблемы с удалением запросов из списка поиска.

Вот jsbin:http://jsbin.com/nobiqi/edit?js,output

Вот мой элемент кнопки удаления:

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

и моя функция

  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 };
    });
  }

Я пытался следовать учебным пособиям, и я не уверен, куда идти дальше. Как я могу удалить элементы поиска?