react hook 强制刷新组件

在 React 中，可以使用 `useState` Hook 中的第二个参数来实现强制刷新组件。`useState` 的第二个参数是一个函数，该函数返回的值会作为新的状态值。当需要强制刷新组件时，可以简单地调用该函数来更新状态，从而触发组件的重新渲染。

例如，下面的代码使用 `useState` 创建了一个名为 `count` 的状态，并在组件中渲染该状态值：

import React, { useState } from 'react';

function Example() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

如果需要强制刷新组件，可以在 `setCount` 函数中传入一个函数，该函数返回的值与当前状态值相同。这将导致 `useState` 返回一个新的状态值，即使状态值没有实际更改也会触发组件的重新渲染。

例如，下面的代码将在点击按钮时强制刷新组件：

import React, { useState } from 'react';

function Example() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(prevCount => prevCount)}>Force Update</button>
    </div>
  );
}