Skip to content

实现 useUpdate 方法,调用时强制组件重新渲染

Posted on:2023年5月2日 at 20:07

可以利用 useReducer 每次调用 updateReducer 方法,来达到强制组件重新渲染的目的。

import { useReducer } from 'react';

const updateReducer = (num: number): number => (num + 1) % 1_000_000;

export default function useUpdate(): () => void {
  const [, update] = useReducer(updateReducer, 0);

  return update;
}
原文转自:https://fe.ecool.fun/topic/bc3c6285-2523-4d07-94c4-9dc539b63ece