删除操作核心代码.
子组件中的btn绑定点击事件, props自定义事件将index传递给父组件
父组件根据index 调用 Array.splice方法删除元素
有个坑, this.comments.splice(index,1) 返回的是被删除的元素
所以要先删除, 在重新将状态更新
delComment(index) {
this.state.comments.splice(index, 1)
this.setState({
comments: this.state.comments,
})
}
子组件中的btn绑定点击事件, props自定义事件将index传递给父组件
父组件根据index 调用 Array.splice方法删除元素
有个坑, this.comments.splice(index,1) 返回的是被删除的元素
所以要先删除, 在重新将状态更新
delComment(index) {
this.state.comments.splice(index, 1)
this.setState({
comments: this.state.comments,
})
}
2022-03-18
确实react出来很早了,那时候MVC架构很流行, 用的确是不习惯, 结构,样式,行为分离度不够高. 不过比Flutter舒服的一点, 怎么说也是js的主场.
onChange={this.handleClick.bind(this)} 这也是可以绑定到组件的this的
onChange={this.handleClick.bind(this)} 这也是可以绑定到组件的this的
2022-03-18
删除列表要注意的是:
1,如果你用的是函数式的写法记得把删除方法的名称作为参数给加上,然后不加this直接调用
2,如果用的是class的写法直接用this.props.删除方法(index),
删除方法内容:
let list = [...this.state.comments]
list.splice(index,1)
this.setState({
comments:list
})
1,如果你用的是函数式的写法记得把删除方法的名称作为参数给加上,然后不加this直接调用
2,如果用的是class的写法直接用this.props.删除方法(index),
删除方法内容:
let list = [...this.state.comments]
list.splice(index,1)
this.setState({
comments:list
})
2021-07-15
删除列表:基本流程和增加列表差不多,但是有两个点需要注意:
1、如何将参数index传到父组件中,我一开始用(e/index)=>this.props.onDeleteComment(e/index),发现传到父组件中都是一个合成事件,找不到索引,只能顺序删除。后来参照了评论里一个同学的,改成了()=>this.props.onDeleteComment(index),就可以任意删除自己想要的节点。
1、如何将参数index传到父组件中,我一开始用(e/index)=>this.props.onDeleteComment(e/index),发现传到父组件中都是一个合成事件,找不到索引,只能顺序删除。后来参照了评论里一个同学的,改成了()=>this.props.onDeleteComment(index),就可以任意删除自己想要的节点。
2021-07-14
npx create-react-app my-project
是不是包含了以下两步:
npm install create-react-app -g
create-react-app my-project
是不是包含了以下两步:
npm install create-react-app -g
create-react-app my-project
2020-05-31