Каталог приложения NextJs - страница перемонтируется при изменении slug
Я пытался перенести свое приложение nextjs в каталог приложений, но обнаружил странное поведение.
Когда у меня есть маршрут вpages
такая папка:
// `pages/test/[slug]/index.tsx`
export default function Page() {
useEffect(() => {
console.log('mount')
return () => {
console.log('unmount')
}
}, [])
return <>
<Link href="/test/1">1</Link>
<Link href="/test/2">2</Link>
</>
}
если я сменю страницу, щелкнув одну из ссылок, слаг изменится, но компонент не перемонтируется. Однако, когда я перемещаю этот файл вapp/test/[slug]/page.tsx
и пометьте файл с'use client';
, щелчок по ссылке размонтирует компонент страницы, а затем подключит его снова.
Это ожидаемое поведение? Если да, то как я могу добиться поведения из каталога страниц в приложении?