Javascript 数组上的映射函数引发未定义错误

在数组上尝试调用映射函数时抛出未定义错误。有人能帮我解决这个问题吗。我已经附加了示例react代码，它失败了。

{SideBarItems.length！=0&&
SideBarItems.filter（（数据）=>data.linkName==moduleName）.map（（数据）=>{
返回(

{data.pageName}

{data.sideBarLinkNames.map（（项）=>{
返回(

{items.sectionName}

{items.sectionLinks.map（（sectionLinks）=>{
返回(

clikedSideBarLink(
sectionLinks.resourceId，
items.sectionName
)
}
href=“#”
>
{sectionLinks.linkName}

);
})}


);
})}
);
})}

;

我在firebase中组织数据的方式是错误的。我是javascript新手，这对我来说是一门新的学问。 感谢所有花时间帮忙的人

@消防队员谢谢你指出错误。我花了一些时间通过调试来调查这个问题，最后发现了错误。下面是字段

sideBarLinkNames

的新数据格式

---

你能提供一些代码吗？@FireFighter我已经附上了代码，错误是什么？什么是未定义的

？它在下一行失败，并出现未定义的错误。{data.pageName}那么每个数据对象可能都没有

sideBarLinkNames

属性。是否为每个数据对象绑定了日志

sideBarLinkNames

？

<div className="main-side-bar">
  <ul>
    {SideBarItems.length != 0 &&
      SideBarItems.filter((data) => data.linkName == moduleName).map((data) => {
        return (
          <>
            <li>
              <h4 className="side-bar-section-header">{data.pageName}</h4>
            </li>
            {data.sideBarLinkNames.map((items) => {
              return (
                <>
                  <li>
                    <h5>{items.sectionName}</h5>
                    <ul className="side-bar-section-header-links">
                      {items.sectionLinks.map((sectionLinks) => {
                        return (
                          <>
                            <li>
                              <Link
                                onClick={() =>
                                  clikedSideBarLink(
                                    sectionLinks.resourceId,
                                    items.sectionName
                                  )
                                }
                                href="#"
                              >
                                {sectionLinks.linkName}
                              </Link>
                            </li>
                          </>
                        );
                      })}
                    </ul>
                  </li>
                </>
              );
            })}
          </>
        );
      })}
  </ul>
</div>;