react中的父子组件传值问题

react中是单向数据流,父级组件向子级传值如下图:《react中的父子组件传值问题》

就是把父级的一些值引入子组件标签中,直接定义传出,子组件在props中接收

如何把子组件的数据传回父组件呢?就需要使用函数在子组件中调用,通过函数传给父组件。如下图:先在父组件定义函数,并传递给子组件《react中的父子组件传值问题》

子组件在props中接收到这个函数,调用这个函数把子组件的数据传给父级。如下图:
《react中的父子组件传值问题》

图4是一些父组件传给子组件的值

    原文作者:浅淡悟
    原文地址: https://segmentfault.com/a/1190000019842006
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞