请帮我！我不知道我做错了啥[关闭]

Posted 2023-03-13

【中文标题】请帮我！我不知道我做错了啥[关闭]

【英文标题】：please help me! I do not know what i am doing wrong [closed]请帮我！我不知道我做错了什么[关闭]

【发布时间】：2021-01-05 13:24:24

【问题描述】：

这是我的代码

const LinkComponent = () => 
  const linksArray = [
     url: '/transactions', lable: 'Transactions' ,
     url: '/inventory-orders', lable: 'Inventory Order' ,
  ];
  const listLinks = linksArray.map();

  return (
    <NavItem>
      <NavLink>
        <Link to=listLinks.url exact activeStyle= color: 'purple' >
          listLinks.lable
        </Link>
      </NavLink>
    </NavItem>
  );
;

我得到 TypeError: undefined is not a function 我不知道为什么

【问题讨论】：

欢迎来到 Stack Overflow！请查看How to Ask 上的指南，以提高获得对您有帮助的答案的几率。祝你好运！

也许您应该将谓词传递给 map 方法？或者，如果您想进行浅拷贝，请使用 [...linksArray] 或 linksArray.slice()。

您应该映射到linksArray 并为数组的每个元素创建新的Link 组件。

【参考方案1】：

  const LinkComponent = () => 
  const linksArray = [
     url: "/transactions", lable: "Transactions" ,
     url: "/inventory-orders", lable: "Inventory Order" 
  ];
  const listLinks = linksArray.map();

  return (
    <NavItem>
      listLinks.map(link => (
        <NavLink>
          <Link to=link.url exact activeStyle= color: "purple" >
            link.lable
          </Link>
        </NavLink>

      ))
    </NavItem>
  );
;

试试这个。 listLinks 是一个数组。所以你不能做listLinks.lable。您只能在其子对象上执行此操作。