NextJs数组Map映射问题：如何将对象键值转为锚点链接

你的数组每个元素是仅包含单个键值对的对象，要生成目标锚点标签，核心是取出每个对象的键（作为链接文本）和值（作为href），以下是具体实现（以React为例）：

{useful_links.map((item, index) => {
  // 将单个对象转为键值数组，取出唯一的一组键值对
  const [linkText, href] = Object.entries(item)[0];
  // 返回锚点标签，注意添加key属性避免React警告
  return <a key={index} href={href}>{linkText}</a>;
})}

关键说明： #

1. Object.entries()：把对象转换成[[键, 值]]格式的数组，因为你的每个元素只有一组键值对，所以取索引[0]就能拿到对应的链接文本和地址。
2. key属性：React列表渲染必须给每个元素添加唯一key，这里用index是简单方案，若链接文本确保唯一，也可以用linkText作为key。

如果之前报错，大概率是没正确提取对象的键值对，或者缺失key属性，用上面的代码即可解决。

内容的提问来源于stack exchange，提问作者UNRIVALLEDKING