如何在不刷新页面的情况下在 ReactJS 中重新加载？

Posted 2023-02-22

【中文标题】如何在不刷新页面的情况下在 ReactJS 中重新加载？

【英文标题】：How to Reload in ReactJS without refreshing the page?

【发布时间】：2021-08-20 12:57:06

【问题描述】：

我想重新加载我的 ReactJS 页面而不刷新它！如果有人点击它，页面中会有“重新加载图标”，那么它不应该重新加载页面，它应该是单个页面！

不要告诉window.location.reload();

【问题讨论】：

你可以使用 react-router 为你做客户端路由。

【参考方案1】：

如果您的组件是类组件，您可以在 click 函数中使用下面的代码。 this.forceUpdate().

如果您的组件是功能性组件，您可以关注answer

【讨论】：

如果你能联系我，对我来说真的很难，那就太好了！ [e-mail]

【参考方案2】：

我正在关闭这个问题，他们中的任何一个都没有解决我的问题！

【参考方案3】：

考虑有条件地提前返回Redirect 组件：https://reactrouter.com/web/api/Redirect

点击按钮； setReload(true);

在您的页面组件中：

// before your regular return
if(reload) return <Redirect to=window.location.pathname />;

【讨论】：

嘿，但是我如何找到路径名