Search code examples
reactjsreact-router-dom

React Link doesn't refresh the page

I have this code:

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

As part of my app, but if i'm currently viewing the /dashboard route, the page doesn't refresh.

Why? And how can i make it refresh?

Solution

  • You can try forcing a refresh, either with:

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

    or 

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

    You can also add logic to the onClick method to check which page you are currently on, and to only refresh if you are on the dashboard.