加载中...
  • 子组件调用父组件方法

    如果子组件要调用父组件方法,其实和传递数据差不多,只要在组件调用时,把方法传递给子组件就可以了,记得这里也要进行this的绑定,如果不绑定子组件是没办法找到这个父组件的方法的。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <ul>
    {
    this.state.list.map((item,index)=>{
    return (
    <XiaojiejieItem
    key={index+item}
    content={item}
    index={index}
    //关键代码-------------------start
    deleteItem={this.deleteItem.bind(this)}
    //关键代码-------------------end
    />
    )
    })
    }
    </ul>

    传递后,在XiaojiejieItem组件里直接hi用就可以了,代码如下:

    1
    2
    3
    handleClick(){
    this.props.deleteItem(this.props.index)
    }
    上一篇:
    React Hooks中父组件中调用子组件方法
    下一篇:
    React class 父组件调用子组件的方法
    本文目录
    本文目录