Question

我使用的是Big Calendar React component，它需要一组对象，事件，其中键的键是开始和结束和日期作为值。

// 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 ，其键的开始和结束但其道具的值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
}));

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

1 个答案: