Comment actualiser une page à l'aide du lien réact-route

Question

J'essaie d'actualiser une page à l'aide du lien réact-route. Mais la façon dont je l’ai implémenté revient à l’URL un peu en arrière (par exemple, si l’URL était ../client/home/register et que j’appuyais sur le rechargement, allez à ../client/home).

ci-dessous est mon code

const AppErrorPage = () => (
    <div>
    <div style={ styles.container }>
        <h2>Error</h2>
        <p> Something went wrong, please reload the page </p>
        <div>
         <Link to="" refresh="true">
            <span>Reload</span>
          </Link>
        </div>
    </div>
    </div>  
);

Answer 1

Pour actualiser la page, vous n'avez pas besoin de react-router, simplement js:

window.location.reload();

Pour restituer la vue dans le composant React, vous pouvez simplement lancer la mise à jour avec props/state.

Answer 2

Essayez comme ça.

Vous devez donner une fonction comme valeur à onClick()

Vous bouton:

<button type="button" onClick={ refreshPage }> <span>Reload</span> </button> 

fonction refreshPage:

function refreshPage(){ 
    window.location.reload(); 
}