데이터가 업데이트 되거나 변경 사항을 반영해야 할 때 화면을 새로고침해야 하는 경우가 있다.
이럴 때는 아래와 같이 router.reload()를 사용하면 간단하게 화면을 새로고침할 수 있다.
import {useRouter} from "next/navigation";
export default function Home() {
const router = useRouter()
return (
<button type="button" onClick={() => router.reload()}>
새로고침
</button>
)
}
'웹 개발 > 소소한 팁, 버그 해결' 카테고리의 다른 글
[Next.js 14] Link나 a 태그 없이 외부 링크로 연결하기 (0) | 2024.03.24 |
---|---|
[Next.js 14][React] API 두 번씩 호출되는 현상 [useEffect][Typescript] (0) | 2024.03.22 |
[Typescript] 변수 타입 확인 방법 [Javascript] (0) | 2024.03.20 |
[Next.js 14] 새 탭에서 링크 열기 [React] (0) | 2024.03.20 |
[CSS] link / anchor 태그 비활성화 [Tailwind CSS] (0) | 2024.03.20 |