深入react技术栈-事件系统&组件性能优化

1.合成事件的实现机制

  • 事件委派
  • 自动绑定
  1. bind:这个方法可以帮助我们绑定事件处理器内的 this ,并可以向事件处理器中传递参数
  2. 构造器内声明
  3. 使用箭头函数:自动绑定this

2.组件间通信

  • 父组件向子组件通信:父组件通过 props 向子组件传递需要的信息
  • 子组件向父组件通信:
  1. 利用回调函数:通过子组件调用父组件传递过来的函数,传入自己的参数,达到子组件向父组件通信
  2. 利用自定义事件机制

3.跨级组件通信

  • context:
  1. 使用 context 比较好的场景是真正意义上的全局信息且不会更改,例如界面主题、用户信息等

4.高阶组件

  • 描述的是这样一种函数:这种函数接受函数作为输入,或是输出一个函数。比如,常用的工具方法 map、reduce 和 sort 等都是高阶函数。
posted @ 2021-09-20 16:14  千亿昔  阅读(33)  评论(0编辑  收藏  举报