Как обновить страницу с помощью ссылки реакции-маршрута

Я пытаюсь обновить страницу с помощью Link-Link Link. Но способ, которым я его реализовал, относится к URL-адресу на один шаг назад (в качестве примера, если URL был.. /client/home/register, и когда я нажимаю перезагрузку, он переходит к.. /client/home)

ниже мой код

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

Ответ 1

Чтобы обновить страницу, вам не нужен интерактивный маршрутизатор, просто js:

window.location.reload();

Чтобы повторно отобразить представление в компоненте "Реакт", вы можете просто запустить обновление с помощью реквизита/состояния.

Ответ 2

Попробуй вот так.

Вы должны указать функцию как значение для onClick()

Кнопка:

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

Функция refreshPage:

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