React Link不会刷新页面

Question

我有此代码：

<Link to="/dashboard" style={{ color: '#A4A4A4' }}>Dashboard</Link>

作为我的应用程序的一部分，但是，如果我当前正在查看/dashboard路线，则页面不会刷新。

为什么？而我该如何使其刷新？

Answer 1

您可以尝试通过以下方法强制刷新：

<Link to="/dashboard" onClick={this.forceUpdate} style={{ color: '#A4A4A4'}}>Dashboard</Link>

或

<Link to="/dashboard" onClick={() => window.location.refresh()} style={{ color: '#A4A4A4' }}>Dashboard</Link>

您还可以向onClick方法添加逻辑，以检查您当前在哪个页面上，并且仅当您在仪表板上时才刷新。

Answer 2

如果您使用它，它将转到链接并重新加载

<a onClick={() => {window.location.href="/something"}}>Something</a>