React Link 不刷新页面
React Link doesn't refresh the page
我有这个代码：
<Link to="/dashboard" style={{ color: '#A4A4A4' }}>Dashboard</Link>
作为我的应用程序的一部分，但如果我当前正在查看 /dashboard 路线，则页面不会刷新。
为什么？我怎样才能让它刷新？
您可以尝试强制刷新，或者使用：
<Link to="/dashboard" onClick={this.forceUpdate} style={{ color: '#A4A4A4'}}>Dashboard</Link>
或
<Link to="/dashboard" onClick={() => window.location.reload()} style={{ color: '#A4A4A4' }}>Dashboard</Link>
您还可以向 onClick 方法添加逻辑以检查您当前所在的页面，并且仅在您在仪表板上时刷新。
如果您使用它，它将转到 link 并重新加载
<a onClick={() => {window.location.href="/something"}}>Something</a>
我将在这个例子中使用 react-router-dom 版本 6：
- 在开始之前确保你有正确的版本#
$ yarn add react-router-dom@6 或 $ npm install react-router-dom@6
- 详情请看这段代码：
需要注意的重要一点是，我的 link 标签位于 router 标签内。我相信这对于导航到相应的 route 路径很重要。你可以通过像这样的导航组件来做到这一点（为了获得更多上下文，我添加了我的文件夹结构）：
我有这个代码：
<Link to="/dashboard" style={{ color: '#A4A4A4' }}>Dashboard</Link>
作为我的应用程序的一部分，但如果我当前正在查看 /dashboard 路线，则页面不会刷新。
为什么？我怎样才能让它刷新？
您可以尝试强制刷新，或者使用：
<Link to="/dashboard" onClick={this.forceUpdate} style={{ color: '#A4A4A4'}}>Dashboard</Link>
或
<Link to="/dashboard" onClick={() => window.location.reload()} style={{ color: '#A4A4A4' }}>Dashboard</Link>
您还可以向 onClick 方法添加逻辑以检查您当前所在的页面，并且仅在您在仪表板上时刷新。
如果您使用它，它将转到 link 并重新加载
<a onClick={() => {window.location.href="/something"}}>Something</a>
我将在这个例子中使用 react-router-dom 版本 6：
- 在开始之前确保你有正确的版本#
$ yarn add react-router-dom@6 或 $ npm install react-router-dom@6
- 详情请看这段代码：
需要注意的重要一点是，我的 link 标签位于 router 标签内。我相信这对于导航到相应的 route 路径很重要。你可以通过像这样的导航组件来做到这一点（为了获得更多上下文，我添加了我的文件夹结构）：