がとらいふ's questions

我尝试CustomNavbar使用组件获取路径名usePathname，但它返回了null值。但是，当我调用时usePathname，/pages/index.tsx它工作正常。有谁知道如何解决这个问题？

环境

• “下一个”：“19.4.13”
• “反应”：“18.2.0”
• “反应-dom”：“18.2.0”

目录

• 成分
  • 自定义导航栏.tsx
• 页面

  • _app.tsx

  • 文档.tsx

  • 索引.tsx

    。

    。

    。

代码

// CustomNavbar.tsx
"use client";

import React from "react";
import {
  Navbar,
  NavbarBrand,
  NavbarContent,
  NavbarItem,
  Link,
  Button,
} from "@nextui-org/react";
import { usePathname } from "next/navigation";

export const CustomNavbar = () => {
  const pages = {
    home: "/",
    subscriptions: "/subscriptions",
    playlists: "/playlists",
  };
  const pathname = usePathname();
  console.log(pathname); // null
   .
   .
   .