如何将道具映射到对象值 React Big Calendar

Question

我正在使用Big Calendar React component，它需要一个对象数组 EVENTS，其中 start 和 end 用于键和日期价值。

// event state
 events: [
    {
      start: new Date(moment('2018-08-11T02:26:00+00:00')),
      end: new Date(moment('2018-08-11T02:26:00+00:00'))
    },
   //... rest of objects
  ]

我正在使用 redux 引入我自己的事件对象数组，但使用不同的键名 dateGoingLIVE。

我想为我的对象数组创建一个新数组，myEvents，键为 start 和 end，但值为我的道具 dateGoingLive。

const { myEvents } = this.props.myEvents;

const newEvents: [
    {
      start: myEvents.dateGoingLive,
      end: myEvents.dateGoingLive
    },
   //... rest of objects
  ]

START 和 END 共享相同 dateGoingLive 道具的原因是因为它是单日事件。

顺便说一句，两个对象数组都具有创建者、名称等属性，但认为在此处粘贴并不重要。如果不是这样，请告诉我。

Answer 1

您可以使用map 将带有dateGoingLive 键的对象数组带到带有start 和end 键的对象数组中。

const { myEvents } = this.props;
const newEvents = myEvents.map(event => ({
  start: event.dateGoingLive,
  end: event.dateGoingLive
}));