next.js 在构建时获取'Missing“key”prop for element in array react/jsx-key'[closed]

vltsax25 于 2023-08-04 发布在 React

关注(0)|答案(1)|浏览(204)

已关闭。此问题需要details or clarity。它目前不接受回答。
**希望改进此问题？**通过editing this post添加详细信息并阐明问题。

5天前关闭。
Improve this question的
在Vercel上部署我的Next.js应用时收到错误消息。This是我的GitHub存储库的链接，我在那里有代码。
在Vercel上部署这个Next.js应用程序时，我收到一条错误消息：
“数组react/jsx-key中缺少元素的“key”prop”。
我还附上了一张图片供参考：
x1c 0d1x的数据
我检查了代码，但没有发现任何错误。有人能帮忙吗？
我试着添加关键 prop ，但没有成功。

next.js

来源：https://stackoverflow.com/questions/76795198/getting-missing-key-prop-for-element-in-array-react-jsx-key-on-build

1条答案

按热度按时间

mlmc2os51#

在你的pages/about.js文件中，你正在为aboutData的icons条目调用数组中的React元素。Since they are rendered in an array, they should have a unique key each, so React can distinguish them。类似于以下内容：

export const aboutData = [
  {
    title: "skills",
    info: [
      {
        title: "Web Development",
        icons: [
          <FaHtml5 key={1} />,
          <FaCss3 key={2} />,
          <FaJs key={3} />,
          <FaReact key={4} />,
          <SiNextdotjs key={5} />,
          <SiFramer key={6} />,
          <FaWordpress key={7} />,
        ],
      },
      {
        title: "UI/UX Design",
        icons: [<FaFigma key={1} />, <SiAdobexd key={2} />, <SiAdobephotoshop key={3} />],
      },
    ],
  },
  // ...
];

字符串
此时，您可以按如下方式调用它们，而不必再次使用map，因为它们已经在数组中调用过了：

{item.icons}

型

赞(0）回复(0）举报 2023-08-04

我来回答

next.js 在构建时获取'Missing“key”prop for element in array react/jsx-key'[closed]

1条答案

相关问题

热门标签

最新问答