Effect

useUpdate

用于强制组件重新渲染的 Hook

用法

返回一个函数，调用该函数会强制组件重新渲染。

Time: 2026-01-11T07:30:24.255Z

源码

useUpdate.ts

import { useCallback, useState } from 'react';

const useUpdate = () => {
  const [, setState] = useState({});

  return useCallback(() => setState({}), []);
};

export default useUpdate;

解读

function useUpdate() {
  // 1. 使用 useState 定义一个空对象，用于记录状态，只需要这个状态更新函数，不需要这个状态
  const [, setState] = useState({});

  // 2. 使用 useCallback 返回一个函数，调用该函数会执行 setState 函数，传入一个空对象，从而触发组件重新渲染
  return useCallback(() => setState({}), []);
}

Last updated on

useUpdateLayoutEffect

用于更新 Layout Effect Hook

useMount

用于组件挂载时执行的 Hook

On this page

用法源码解读