Обновление страницы в NextJS
Метод refresh у роутера запрашивает
с сервера свежие данные для текущего
маршрута и перерисовывает страницу
без смены адреса в строке браузера.
Давайте добавим кнопку обновления.
В page.jsx с директивой клиента
импортируем useRouter и по нажатию
вызовем метод refresh:
'use client';
import { useRouter } from 'next/navigation';
export default function TestPage() {
let router = useRouter();
return (
<button type="button" onClick={() => router.refresh()}>
Refresh
</button>
);
}
На странице /about разместите
кнопку перезагрузки содержимого
без изменения адреса.
