由于middleContent.js中的数据是由父组件App.js传递而来，所以，在进行删除操作的时候，我们不能够在子组件中直接删除。
方法：
在子组件中调用父组件中的删除方法，并将数据的index传递给父组件
子组件向父组件传值this.props.XXX;
子组件：middleContent.js

handelDelete(index) {
    this.props.deleteItem(this.props.index)
  }

父组件：App.js

<MiddleContent deleteItem={this.handleDel.bind(this)}/>

handleDel(index) {
    const list = [...this.state.list];
    list.splice(index,1);
    this.setState({
      list:list
    })
  }