【问题标题】:React hooks useCallback has dependency on functionReact hooks useCallback 依赖于函数
【发布时间】:2020-04-26 15:49:54
【问题描述】:

我有以下功能

const handleClick = React.useCallback(
    (value) => {
      dispatch({ value });
    },
    [dispatch]
  );

我的问题是,就我而言,是否有必要拥有 useCallback ? 当依赖是函数时React如何判断依赖是否改变?

【问题讨论】:

    标签: reactjs react-hooks usecallback


    【解决方案1】:
    1. 没有必要使用useCallback,但使用它会反映良好的性能。

    2. useCallback 返回一个记忆回调。据我了解,react 调用该函数,只有在我们传递给它的依赖项发生任何变化时才执行回调函数。

    参考资料:

    1. useCallback

    【讨论】:

    • 我的问题是,当dispatch作为依赖时,React如何判断是否改变
    • React 使用虚拟 DOM,只要有更改,更改就会反映在虚拟 DOM 中,然后它将实际 DOM 与虚拟 DOM 进行比较并重新渲染更改。
    猜你喜欢
    • 2021-05-23
    • 2020-04-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-17
    • 2021-04-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多