问Next.js中基于url的条件渲染类
EN

Stack Overflow用户

提问于 2022-07-12 08:48:07

回答 1查看 190关注 0票数 2

我试图根据它是“主页”还是在URL中包含“docs/1、docs/2、docs/3)的页面来显示不同的导航。我只是在"docs"-case上得到空白--感觉好像我在这里遗漏了什么？

到目前为止，这是我的代码：

const router = useRouter()
const path = router?.asPath

if (path === '/docs/') {
  return (
    <>
      <Head>
        <title>{pageTitle}</title>
        {description && <meta name="description" content={description} />}
      </Head>
      <Layout
        navigation={navigation1}
        title={title}
        tableOfContents={tableOfContents}
      >
        <Component {...pageProps} />
      </Layout>
    </>
  )
}
if (path === '/') {
  return (
    <>
      <Head>
        <title>{pageTitle}</title>
        {description && <meta name="description" content={description} />}
      </Head>
      <Layout
        navigation={navigation}
        title={title}
        tableOfContents={tableOfContents}
      >
        <Component {...pageProps} />
      </Layout>
    </>
  )
}

next.js

回答 1

Stack Overflow用户

发布于 2022-07-12 09:48:40

NextJS有一个内置的路由系统.您只需在pages文件夹中创建一个docs.js文件即可。您可以直接在/page/docs.js中创建不同的导航，也可以为它创建一个动态组件。

下面是关于路由https://nextjs.org/docs/routing/introduction的更多信息

希望这能回答你的问题:)

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72949460

复制

相似问题

问Next.js中基于url的条件渲染类
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Next.js中基于url的条件渲染类EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Next.js中基于url的条件渲染类
EN