React Links.map 函数未定义[关闭]

Question

这是 YouTube 上制作 Netflix 的教程。

为什么 React Links.map 函数未定义？

这是我的代码

  {Links.map((link, index)  => (

               <div key={index} className='col-span-1 md:col-span-2 lg:col-span-3 pb-3.5 sm:pb-0'>

                 <h3 className='text-md lg:leading-7 font-medium mb-4 sm:mb-5 lg:mb-6 pb-0.5'>{link.title}
               </h3>
              <ul className='text-sm flex flex-col space-y-3'>
                                    
              {links.map((text, index) => (

        <li key={index} classname="flex items-baseline">
         <Link to={text.link} className='text-border inline-block w-full hover:text-subMain'>
      {text.name}
   </Link>

Answer 1

“链接”是您的变量，它已被定义。但“链接”不是您定义的。

您可以使用类似下面的内容来访问顶级数组中的数据：

Links.map ( e => (
     ....
     e.name
     ....

     e.links.map(element => (
          .....
          element.name
          .....
          element.link
          .....
     ))

))

在这里，“链接”是您定义为包含 JSON 数组的顶级数组。 “e”是每个顶级 JSON，其中包含一个“标题”和一个称为“链接”的其他 JSON 数组。 “元素”是前面提到的包含“名称”和“链接”的数组“链接”的每个 JSON。

希望能帮助到你。