useHistory没有刷新页面

Question

我使用 useHistory 重新加载我的页面。

在 App.js 中
在此输入图片描述

在Login.js中

在此输入图片描述

我点击提交后，它确实得到了url http://localhost:3000/home，但它没有重新加载页面。它仍然显示登录页面内容。

Answer 1

如何您的“Home”组件中有什么？问题出在 Home 组件本身。如果 useHistory 钩子正在导航您推送的页面，则它可以正常工作。

在React中，useHistory实际上并不是用来直接刷新页面的。相反，它是 React Router 提供的用于导航目的的钩子。您可以使用它以编程方式导航到 React 应用程序中的不同路线。

如果您想刷新页面（即重新加载当前路由），您可以使用

window.location.reload()

来实现。