1. 首页
  2. 编程语言
  3. Javascript
  4. React Hook用法示例详解(6个常见hook)

React Hook用法示例详解(6个常见hook)

上传者: 2022-07-31 23:36:34上传 PDF文件 210.10 KB 热度 9次

优化性能例子:useCallback返回的是一个memoized回调函数,仅在其中绑定的一个依赖项变化后才更改可防止不必要的渲染,在跨组件共享数据中举例的事件是在父组件中点击触发,而现在是使用状态提升,在父组件中传递方法供子组件调用,每次render时函数也会变化,导致子组件重新渲染,上面例子useCallback将函数进行包裹,依赖值未发生变化时会返回缓存的函数,配合React.memo即可优化无意义的渲染。useMemo和useCallback的共同点:

用户评论