深入react技术栈-事件系统&组件性能优化
1.合成事件的实现机制
- 事件委派
- 自动绑定
- bind:这个方法可以帮助我们绑定事件处理器内的 this ,并可以向事件处理器中传递参数
- 构造器内声明
- 使用箭头函数:自动绑定this
2.组件间通信
- 父组件向子组件通信:父组件通过 props 向子组件传递需要的信息
- 子组件向父组件通信:
- 利用回调函数:通过子组件调用父组件传递过来的函数,传入自己的参数,达到子组件向父组件通信
- 利用自定义事件机制
3.跨级组件通信
- context:
- 使用 context 比较好的场景是真正意义上的全局信息且不会更改,例如界面主题、用户信息等
4.高阶组件
- 描述的是这样一种函数:这种函数接受函数作为输入,或是输出一个函数。比如,常用的工具方法 map、reduce 和 sort 等都是高阶函数。