返回介绍

useCallback

发布于 2019-12-27 00:37:38 字数 486 浏览 1129 评论 0 收藏 0

在重新渲染时可以减少重复执行,Rax 做了许多优化。最简单的方法之一就是内联的使用 useCallback,传递内联回调和一组输入。 useCallback 提供了一种简单的方法来优化这些函数,通过记忆提供给它的函数,将对代码的影响降到最低。就像 useEffect 一样,我们可以告诉它它所依赖的值,这样它就不会发生不必要的变化。useCallback 将返回一个 callback,该版本仅在其中一个输入发生更改时才会更改,以防止不必要的渲染(例如,shouldComponentUpdate)。

useCallback(fn, inputs) 等价于 useMemo(() => fn, inputs)。

import { useCallback } from 'rax';

const memoizedCallback = useCallback(
  () => {
	doSomething(a, b);
  },
  [a, b],
);

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文