React-组件间数据的传递

1.通过父组件传递数据给子组件:

React-组件间数据的传递

《React-组件间数据的传递》

通过父组件中给子组件一个属性值

React-组件间数据的传递

《React-组件间数据的传递》

子组件在通过this.props.属性名来获取父组件传的值

2.子组件如何改变父组件的值

《React-组件间数据的传递》

父组件的方法

《React-组件间数据的传递》

把父组件的方法通过属性传递给子组件

《React-组件间数据的传递》

注:在子组件调用父组件的值时需注意this的指向

然后在子组件中调用父组件传递过来的方法

《React-组件间数据的传递》

子组件调用父组件方法

《React-组件间数据的传递》

《React-组件间数据的传递》

《React-组件间数据的传递》
想要获取上图资料,关注我的主YE

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