reactjs - 如何通过 react 钩子(Hook)在功能组件中使用componentWillUpdate?

标签 reactjs react-hooks react-lifecycle-hooks

如何通过 react hooks 在功能组件中使用 componentWillUpdate?

最佳答案

您可以创建与 相同的效果组件更新 使用 refs 和 effect hooks 的组合。

Docs says 组件更新 ,每次更新时调用,发生。它在初始渲染时不调用。

现在使用 useRef 钩子(Hook),返回对象在应用程序的整个生命周期中被持久化。

const isFirstRender = React.useRef(true);
  React.useEffect(() => {
    if (isFirstRender.current) {
      isFirstRender.current = false;
      return;
    }
  /*business logic for component did update*/
      
  });

关于reactjs - 如何通过 react 钩子(Hook)在功能组件中使用componentWillUpdate?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58891057/

相关文章:

javascript - React 功能组件 useEffect 钩子(Hook)在类组件生命周期中具有相等的依赖性

javascript - 在 react 中使用 'true' 时出现意外的关键字 `useState`?

javascript - 创建可以从数组中的每个元素接收参数的函数的其他方法?

javascript - react : Nested State Not getting Updated

javascript - 如何在文本输入中调用异步函数?

reactjs - 清除超时/间隔是否必须在 `useEffect` React hook 内?

javascript - useReducer : dispatch action, 在其他组件中显示状态并在分派(dispatch)操作时更新状态

json - 类型错误 : items is undefined while reading a json using fetch in reactjs

javascript - Reactjs:如何从安装的 <div> 获取 css-class 属性?

reactjs - 如何过滤2个日期范围(时间戳)之间的用户数据?