Reactjs 通过包含对象的数组进行映射

我有那部分代码

const links = [
  {
    name: 'How it works',
    ref: '/'
  },
  {
    name: 'Calendar',
    ref: 'calendar'
  },
  {
    name: 'Contact me',
    ref: 'contact'
  }
];

const renderLinks = links.map((link, index) =>
  <li className="nav-item active" key={index}>
    <a className="nav-link" href={link.ref || "#"}>
      {link.name}
    </a>
  </li>
);

对象作为React子对象无效（找到：具有键的对象 {renderLinks}）。如果要渲染子对象集合，请使用 而是一个数组

---

正如我所想，我必须得到一个数组，但React认为存在一个对象。

React认为这是一个对象，因为您确实提供了一个对象。如果在编写时不使用快捷方式属性表示法，则为：

render() {
  return {
    renderLinks: renderLinks
  );
}

只需直接返回

renderLinks

，而不返回

{}

：

render() {    
  return renderLinks;
}

---

返回renderLinks@dfsq哇。。。谢谢。解决了我的问题。请随意发布答案，我会检查的。
render() {    
  return renderLinks;
}