Reactjs nextjs没有类的标记

我现在有这个代码

import Link from "next/link";

const renderMenuList = (title, items, headerPath) => {
    const HeaderTag = headerPath ? Link : "span";
    if (items !== undefined && items.length === 0) {
      return null;
    }
    return (
      <div className="sidebar_menu">
        <HeaderTag href={headerPath} className="sidebar-title">
          {title}
        </HeaderTag>
        <ul className="nav-menu">{items && items.map(renderItem)}</ul>
      </div>
    );
  };

 const renderHome = () => {
    return renderMenuList("Home", undefined, paths.index);
  };

const renderNewReleases = () => {
    return renderMenuList("New Releases", newReleases);
  };

从“下一个/链接”导入链接；
const renderMenuList=（标题、项目、标题路径）=>{
const HeaderTag=headerPath？链接：“span”；
如果（项！==未定义项和项。长度===0）{
返回null；
}
返回(
{title}
{items&&items.map（renderItem）}
);
};
常量renderHome=（）=>{
返回renderMenuList（“Home”，未定义，path.index）；
};
const rendernewrelements=（）=>{
返回renderMenuList（“新版本”，newReleases）；
};

renderHome的代码输出为

<div class="sidebar_menu">
 <a href="/">Home</a>
 <ul class="nav-menu"></ul>
</div>

RenderNerLeases的代码输出为

<div class="sidebar_menu">
     <span class="sidebar-title">Home</span>
     <ul class="nav-menu"></ul>
</div>

家

---

因此，我的问题是为什么我的

a

标记没有类名“sidebar title”，而

span

标记没有类名。我希望两者具有相同的类名。

正如@Drew Reese指出的那样：Link只是一个包装器，没有className属性

尝试：

（{href，className，children}）=>{children}

---

而不是链接

看起来不像

链接

消耗额外的道具来传递。我知道你只是引用了github的评论，但是调用高阶组件有点误导。这不是传统意义上的“装饰”，但“装饰”行为是相似的。它只是一个包装器组件。

({href,className,children}) => <Link href={href}> <a className={className}> {children} </a> </Link>