javascript - 如何使用 react-router 重新加载页面?

标签 javascript reactjs react-router electron

我可以在这个文件 ( https://github.com/ReactTraining/react-router/blob/v0.13.3/modules/createRouter.js ) 中看到有一个刷新函数,但我不知道如何调用它。我对 react-router 还很陌生,我只用它在一些页面之间移动过几次,使用 hashHistory。

现在我正在尝试使用它,这样当安装失败时,用户可以选择“重试”,我计划通过刷新安装发生的页面(用户当前所在的页面)来执行).任何帮助将不胜感激。

这是一个在 Electron 上运行的节点应用程序,而不是网络应用程序。

最佳答案

首先,添加react-router作为依赖

`yarn add react-router` or `npm install react-router`

import { useHistory } from 'react-router'

const history = useHistory()

/////then add this to the function that is called for re-rendering

history.go(0)

这会导致您的页面自动重新呈现

对于 react-router V6,请改用 useNavigate 钩子(Hook)

从'react-router'导入{useNavigate}

const navigate = useNavigate()

导航(0)

关于javascript - 如何使用 react-router 重新加载页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46820682/

相关文章:

javascript - 接受数字、字母和特殊字符的正则表达式

javascript - Sails.js - 如何将 js 文件注入(inject)特定路线?

javascript - React-Router onChange Hook

reactjs - Mongoose FindOneandUpdate - 仅更新特定字段,让其他字段保留以前的值

JavaScript 按钮链接阻止点击时滚动

javascript - 当 &lt;script&gt;&lt;/script&gt; 放在 <head></head> 中时,输出有何不同?

javascript - 基本 React 示例错误 : Uncaught TypeError: undefined is not a function

javascript - 如何在 ReactJS 中跳过某些路由的页眉和页脚?

react-router - 使用 react-router-dom 4.0 在代码中导航?

reactjs - react 路由器+ redux警告: Location "xyz" did not match any routes