react

什么是单向数据流？

数据主要从父节点传递给子节点（通过props），如果父级的某个props改变了，React会重新渲染所有子节点。

Props:

    不可以使用this.props直接修改props，因为props是只读的，props是用于整个组件树中传递数据和配置。在当前组件访问props，使用this.props。

State:

　　每个组件都有属于自己的state，state和props的区别在于前者(state)只存在于组件内部，只能从当前组件调用this.setState修改state值（不可以直接修改this.state！）。一般我们更新子组件都是通过改变state值，将state值通过属性传递给子组件，子组件的获取props值从而达到更新。

Props与state：

　　尽可能使用props当做数据源，state用来存放状态值（简单的数据）。

　　也就是说咱们通常用props传递大量数据，state用于存放组件内部一些简单的定义数据。（需要通过大量运用React可以感受这点）

组件之间的沟通：

一、父子之间组件沟通（父传子，子传父）

　　在React中，最为常见的组件沟通也就是父子了，一般情况是：

　　* 父组件更新子组件状态 ----->子组件属性  -----子组件获取this.props值----->子组件数据更新

　　另一种情况是：

　　* 子组件更新父组件状态   -----需要父组件传递回调函数----->  子组件调用触发

          一般情况下，只能由父组件通过props传递数据给子组件，使得子组件得到更新，那么现在，我们想实现子组件更新父组件就需要 父组件通过props传递一个回调函数到子组件中，这个回调函数可以更新父组件，子组件就是通过触发这个回调函数，从而使父组件得到更新。

二、兄弟组件沟通

　　当两个组件处于同一级时（同处父级，或者同处子级），就称为兄弟组件。

　　这里有两种实现方式：

方式一：

　　按照React单向数据流方式，我们需要借助父组件进行传递，通过父组件回调函数改变兄弟组件的props。

　　其实这种实现方式与子组件更新父组件状态的方式是大同小异的。

方式二：

　　方式一只适用于组件层次很少的情况，当组件层次很深的时候，整个沟通的效率就会变得很低

　　 在这里，React官方给我们提供了一种上下文方式，可以让子组件直接访问祖先的数据或函数，无需从祖先组件一层层地传递数据到子组件中。

　　 但这种方法建议按需使用，可能会导致一些不可预期的错误。