如何使用 startAccessor 在 React-Big-Calendar 中指定日期答案

【问题标题】：How to use startAccessor to specify a date in React-Big-Calendar如何使用 startAccessor 在 React-Big-Calendar 中指定日期
【发布时间】：2017-06-26 11:42:47
【问题描述】：

我有一系列事件被发送到 react-big-calendar

它们具有以下格式：

{ "_id": "9Hfiz8C3tztP5LauA",
  "name": "This is a test event",
  "description": "Testing 123",
  "calendar": "LwnaRAuJ6n9xmxhGj",
  "clientData": [
    {
      "clientId": "dSE84s8qQDHNzAFDt",
      "date": "2017-02-23T12:00:00.000Z"
    }
  ]
}

我希望 react-big-calendar 使用 event.clientData.date 作为它为每个事件显示的日期。

目前日历显示为空。

从阅读文档看来，我需要使用 startAccessor 道具来实现这一点。我尝试了以下方法：

<BigCalendar
    selectable
    events={events}
    startAccessor={this.getEventDate}
/>


getEventDate() {
    return moment(this.props.events.clientData.date);
}

那行不通（我不认为会这样）。如果有人可以提供帮助，将不胜感激！

【问题讨论】：

标签： javascript reactjs react-big-calendar

【解决方案1】：

我成功了

这对我有用：

<BigCalendar
    events={this.props.events}
    startAccessor={(event) => { return moment(event.clientData[0].date) }}
    endAccessor={(event) => { return moment(event.clientData[0].date) }}
/>

【讨论】：