javascript - 如何将 Prop 映射到对象值React Big Calendar

我正在使用Big Calendar React component，它需要一个对象数组EVENTS，键的开始和结束以及值的日期。

// 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属性的原因是因为这是一天的活动。

顺便说一句，两个对象数组都具有诸如创建者，名称等属性，但是认为在此处粘贴并不重要。否则请通知我。

最佳答案

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

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