React学习(6)——组件的数据传递

 学习 React  原创  管理员  2017-09-05 10:23

概要:谈及React时,就会想到一个很重要的思想,就是组件化思想。它将可以重用的部分进行组件化开发,形成一个个相对独立的组件,那么组件化后,你也会提出些疑问,组件与组件之间,是怎样进行信息的传递呢?下面来介绍下组件之间传递信息的方法。
父组件向子组件传递数据

我们可以通过props向子组件传递数据。

完整示例

子组件向父组件传递数据

简单来说,可以通过回调函数来实现,在子组件中调用父组件声明的callback来达到调用父组件方法的目的。具体示例如下:

React组件state和prop的缺陷
 
state应该使用一个全局的数据源来管理各个组件的状态,以达到数据的同步可靠性。
prop的问题更为明显:当组件存在很多个层级时,最外层的组件要将数据传给最底层的组件时,如果此时还在使用prop方式传递,则必须要经过中间层的组件来进行中转。那么问题来了,中间层的组件,可能压根就不会用到该中转的prop数据,但它却必须要支持这个prop的传递。这一点,明显是高耦合。
现有的问题,会导致数据的高度冗余及重复,后面我们将去解决此问题。

深入浅出React和Redux  

编辑:myweb   最后更新于:2017-09-03 12:11


版权声明:本站所有原创内容受到法律的严格保护,版权归本站所有。如果您觉得我们的内容有价值,您仍然可以进行自由传播,但必须显著地标识或说明此内容在本站的链接地址。




联系我:help@wodeabc.com鄂ICP备14016278号-2
©2016-2021 我的ABC All Rights Reserved.
友情链接: 一起编程网
点击这里给我发消息
我的ABC交流群