React的深入浅出

react
组件重新渲染有两种途径：
1、自身调用setState；
2、父组件传入新的props。
3、但这两种途径都不会必然调用render而引起重新渲染，
都会先经过shouldComponentUpdate进行判断，
如果返回true，则调用render，就会对该组件的所有子组件传入新的props，
因此所有子组件都会可能重新渲染（但是是否每一个子组件都会更新，
取决与子组件的shouldComponentupdate的返回值）。

1、props：父级分发先来的属性；
2、state：组件内部自行管理的组件；
3、React没有数据向上回溯的能力，数据只能单向向下分发，或自行内部消化。

1、因为React无法让两个组件互相交流，使用对方数据。
解决办法：将state放到共有的父组件中来管理，在作为props分发回子组件。
2、子组件改变父组件state的办法只能是通过onClick触发父组件声明好的回调，
也就是父组件提前声明好函数或方法作为契约描述自己的state将如何变化，
再将它同样作为属性交给子组件使用。这样就出现了一个模式：
数据总是单向从顶层向下分发的，但是只有子组件回调在概念上可以
回到state顶层影响数据。这样state一定程度上是响应式的。

 

相关链接：
https://www.zhihu.com/question/41312576?sort=created
https://www.zhihu.com/question/29504639

待续。。。。。

转载于:https://www.cnblogs.com/guojuncheng/p/7526567.html