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

Question

我有一系列事件被发送到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);
}

这不起作用(我不认为它会起作用)。如果有人能帮上忙，我将不胜感激！

Answer 1

我设法解决了这个问题。

以下是对我有效的方法：

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