javascript - Hvordan oppdatere en side ved å bruke react-router Link

Jeg prøver å oppdatere en side ved å bruke react-route Link. Men måten jeg har implementert det på går til URL-en ett steg tilbake. (for eksempel, hvis URL-en var ../client/home/register og når jeg trykker på oppfrisk, går det til ../client/home)

nedenfor er koden min

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>  
);

Svar #1

For å oppdatere siden trenger du ikke react-router, enkel JS:

window.location.reload();

For å gjengi visningen på nytt i en React-komponent, kan du bare utløse oppdatering med props/state.

Svar #2

Prøv slik.

Du må gi en funksjon som verdi til onClick()

Du-knapp:

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

refreshPage-funksjon:

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

Svar #3

Du kan enkelt kjøre dette etter en vellykket spørring.

window.location.reload();

Relaterte artikler