是否可以创建一个以 ReactNative 组件作为其节点之一的 ES6 Map？

Question

我的最终结果应该是这样的：

const SECTIONS = [
  {
    title: 'First',
    content: <ReactComponent />,
  },
  {
    title: 'Second',
    content: <ReactComponent />,
  }
];

但我不确定这是否很糟糕。这是我对此感到困惑和无知的尝试：

return [
  this.props.course.sections
    .map( (section, idx) => {title: section.title, content: <ReactComponent /> } );
]

看起来的麻烦在于，这错误在于它不是正确的哈希，因此它无法识别:。这甚至可以像我试图完成的那样简写吗？

Answer 1

您需要用() 包装{} 以使其对象字面量不会阻塞。

return [
  this.props.course.sections
    .map( (section, idx) => ({title: section.title, content: <ReactComponent /> }) );
]