删除操作核心代码.
子组件中的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
最新回答 / 慕丝732298
this：当前类（Welcome）的实例，super：代表父类（React.Component）构造函数，使用当前类中的属性（props），直接用this.props即可。
2022-03-07
删除列表要注意的是：
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
已采纳回答 / Elylic
箭头函数，可以 这么写 () => <li>abc</li> 等同于 () => { return <li>abc</li> } 是一种简写的方式 所以老师代码中正确的写法应该是：写法1<...图片...>写法2<...图片...>
2021-06-07