子组件如何改变父组件的状态?



  • 子组件有一个有一个点击事件,点击后需要改变父组件的状态,请问如何实现?



  • 有几种方式:

    1、通过 props 传入父级的 引用,通过这个引用来改变

    <子节点名称 parentRef={this} />

    this.props. parentRef.setState ...

    2、通过回调接口和方法来改变

    <子节点名称 onChange={this.onChange.bind(this)} />

    父页面:
    onChange(){
    this.setState ...
    }

    子节点:
    if(this.props.onChange) this.props.onChange() ...



  • 原来是这样子,非常感谢!



  • 学习了,感谢加1


登录后回复