偏执

【代码】react 数据监听 hook 生命周期 watch。

上面的例子也可以看到，才用了连个context，Consumer的嵌套已经不浅了，所以我们使用context的时候尽量遵循一个单一数据源的原则，否则很容易造成嵌套地狱(wrapper hell)但我们平时开发过程中，经常碰到组件树层级很深，如果不同层级的组件需要使用同一份数据，那从顶层组件分别传递props的方案肯定是很麻烦的。因此context的使用场景就是：在组件树中，不同层级需要访问相同的数据源时，可以利用context，进行组件之间的通信。