Каталог приложения 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';, щелчок по ссылке размонтирует компонент страницы, а затем подключит его снова.

Это ожидаемое поведение? Если да, то как я могу добиться поведения из каталога страниц в приложении?

0 ответов

Другие вопросы по тегам