Reactjs 无法使用挂钩通过导入react组件进行映射

我是新来的，所以这可能是一个noob问题。 我正在尝试创建一个侧栏，仅显示链接，具体取决于是否设置了变量

但首先我只是想创建一个useState钩子，它是一个导入组件的数组，并用一些虚拟数据映射它们

问题是，当试图映射组件时，它总是告诉我组件未定义

错误：TypeError:无法读取未定义的属性“SideBarLink”

我做错了什么？ 还有，如果有更好的方法来做我想让lmk高兴的事情

SideBar.jsx------------------------------------------------------

]

import React，{useState}来自“React”；
从“react”导入侧边栏链接；
常量边栏=（）=>{
const[sidelinks，setSideLinks]=useState（SideBarLink[
{
id:1，
名称：'项目'，
displayLink:正确
},
{
id:2，
名称：'门票'，
displayLink:正确
}
]);
常量handleClick=（）=>
{
日志（侧链接）；
}
让我们偷偷溜走=(
按钮
{ 
sidelinks.SideBarLink.map（（SideBarLink，index）=>
{
返回
})     
}
);
返回滑环；
}
导出默认边栏嘿@Gandi，我不知道你为什么要这样映射。但是，你能试试
sidelinks.map（（link，i）吗=>
。另外，您的
useState
似乎不正确，我不知道这在
jsx
中是否有效，但在
js
中，您不必将您的对象包装在
SideBarLink
@bertdida中，谢谢您的回复，如果有更好的方法可以做到这一点的话？我是一个新的反应。我正在尝试用useState做一个钩子，它是一个数组导入的SideBarLink组件应该可以工作，
useState（[{id:1，name:“name 1”}，{id:2，name:“name 2”}]）；
。然后映射这些，就像我在第一条评论中建议的那样。嘿@Gandi，我不知道为什么要这样映射。但是，你能尝试一下
sidelinks.map（（link，I）吗=>
。另外，您的
useState
似乎不正确，我不知道这在
jsx
中是否有效，但在
js
中，您不必将您的对象包装在
SideBarLink
@bertdida中，谢谢您的回复，如果有更好的方法可以做到这一点的话？我是一个新的反应。我正在尝试用useState做一个钩子，它是一个数组导入的侧边栏链接组件应该可以工作，
useState（[{id:1，name:“name 1”}，{id:2，name:“name 2”}]）；
。然后按照我在第一条评论中的建议映射这些组件。