useHistory 中的 forceRefresh 参数

在 React 中，useHistory 是一个常用的 Hook 之一，用于管理应用程序的历史记录。它可以让我们自由地在不同的路由之间导航，并控制 URL 的变化。

useHistory 的一个可选参数是 forceRefresh，当它被设置为 true 时，每次路由变化时都会重新加载页面。

使用方式

使用 useHistory Hook 需要先从 react-router-dom 导入，如下所示：

import { useHistory } from 'react-router-dom';

然后在组件中调用该 Hook，获取 history 对象：

const history = useHistory();

现在你就可以使用 history 对象中的方法控制路由了。

如果要开启 forceRefresh，只需在调用 useHistory 时传递一个包含该属性的对象即可：

const history = useHistory({
  forceRefresh: true
});

注意事项

使用 forceRefresh 会导致每次路由变化时都重新加载页面，这对用户体验来说非常不友好。

通常情况下，我们只在必要或紧急的情况下才会开启 forceRefresh，如在某些页面上有定时刷新或 WebSocket 功能，在路由变化时需要强制刷新页面。

在大多数情况下，我们应该避免使用 forceRefresh，而是通过 React 的一些高级技术（如 Redux）来管理应用程序的状态，以避免不必要的页面刷新。