美文网首页
react开发todolist-删除

react开发todolist-删除

作者: 八点半的星光1101 | 来源:发表于2019-02-28 17:31 被阅读0次

由于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
    })
  }

相关文章

网友评论

      本文标题:react开发todolist-删除

      本文链接:https://www.haomeiwen.com/subject/osskuqtx.html