在nextjs13上进行条件布局渲染时遇到问题

v6ylcynt 于 12个月前发布在其他

关注(0)|答案(1)|浏览(82)

我试图在我的nextjs 13应用程序上做一个rootLayout，问题是我想在每个页面上呈现一个侧边栏，但不是在我的auth页面（route：/auth）
问题是我不想让布局成为一个客户端组件，因为那会让所有组件都成为客户端组件。
根布局

export default function RootLayout({
  children,
  session
}: {
  children: React.ReactNode
  session: Session
}) {
  return (
    <html lang='en'>
      <body>
        <Providers session={session}>
          <div className='flex w-screen h-screen font-inter light'>
            <Sidebar />
            <AuthCheck />
            <main>{children}</main>
          </div>
        </Providers>
      </body>
    </html>
  )
}

字符串

next.js

来源：https://stackoverflow.com/questions/77748896/trouble-doing-conditional-layout-rendering-on-nextjs13