美文网首页
Taro, react 父子组件传值

Taro, react 父子组件传值

作者: 飞殇醉月 | 来源:发表于2020-04-15 17:57 被阅读0次

    一. 父传子 通过Props

    父组件

    子组件

    static propTypes = { name: PropTypes.string }

    使用: this.props.name 即可得到父组件传入过来的值. 


    2. 子传父  子组件通过调用父组件方法, 并传参给父组件

    2.1 父组件内容:  

    父组件方法:  parentAction (e, msg) { }

    引用: <Children childrenAction={ this.parentAction }/>

    2.2 子组件内容

    static proTypes = { childrenAction: PropTypes.func }

    onClickChildrenAction (e, msg) { this.props.childrenAction(e, msg) } 

    <Button onClick={ this.onClickChildrenAction(e, msg) }>子组件调用父组件方法</Button>

    相关文章

      网友评论

          本文标题:Taro, react 父子组件传值

          本文链接:https://www.haomeiwen.com/subject/kaqhvhtx.html