《React+Redux前端开发实战》—1.3.3 单向数据流

1.3.3  单向数据流

　　在React中，数据流是单向的。

　　数据的流向是从父组件流向子组件，至上而下，如图1.6所示。这样能让组件之间的关系变得简单且可预测。

　　props和state是React组件中两个非常重要的概念。props是外来的数据，state是组件内部的数据。一个组件内，可以接受父组件传递给它的数据，如果props改变了，React会递归地向下遍历整棵组件树，在使用到这个属性的组件中重新渲染；同时组件本身还有属于自己的内部数据，只能在组件内部修改。可以将其与面向对象编程进行类比：this.props就是传递给构造函数的参数，this.state就是私有属性。

　　单向数据流的好处就是，所有状态变化都是可以被记录和跟踪的，源头容易追溯，没有“暗箱操作”，只有唯一入口和出口，使程序更直观易理解，利于维护。