有三个组件,分别是app、list、comment
三个组件之间的关系是comment在list中使用,list在app中使用
此时有数据需要从list传到comment,然后comment传回list,list又将comment传回的数据传给app
代码如下:
comment:list通过props传给comment两个参数,onDelete(func) index(number) 然后comment又将index传回给list
handleOnDelete(){
if(this.props.onDelte){
this.props.onDelete(this.props.index);
}
}
list拿到了comment传给它的index,现在list要讲index拿到并且传递给app:
<Comment onDelete={this.handleOnDelete} index={i} />
handleOnDelete(index){
// 这里的index是comment传递过来的
// 现在要将index传给app
if(this.props.onDelete){
this.props.onDelete(index);
}
}
list的index已经传递过来了,现在可以在app中拿到:
<List onDelete={this.handleOnDelete.bind(this)} />
handleOnDelete(index){
console.log(index);
// 打印出来的index是从list中传递过来的
}