react16.8新特性

Posted 2023-03-14

参考技术A 1 => 16.8 的context主要的目的是为跨越多个层级的组件提供数据的共享

以上写法也可以通过contextType的方式省略consumer

2 => lazy和Suspense配合优化性能

3 memo => 类组件的PureComponent相比component，区别在于shouldComponentUpdate, 前者等于自己封进行了装装，但无法识别对象中的对象。而memo则是赋予函数组件相同的PureComponent

4 useEffect=> useEffect(() => , []) , useEffect的执行时机主要取决于第二个参数。（无论哪种情况，初始都会执行一遍）
情况 1，如果没有第二个参数，则每次改变当前函数的state，和初始执行，都会接受回调
情况 2，如果第二个参数传入的数组变量是state中定义的某个变量，则会当改变这个变量的时候，执行传入useEffect的第一个函数
情况 3，如果第二个参数是空数组，则在初始执行useEffect传入的第1个函数。在销毁组件时执行useEffect第一个参数返回的函数

5 useMemo,useCallback => 这两个函数大同小异，用法类似都可以作为回调函数传递给子组件

6 useRef => useRef 可以用来在父组件中获取子组件的句柄或调用dom属性