从每月或每周或每天或议程更改视图会使应用程序对大日历做出反应答案

【问题标题】：Changing view from month to week or day or agenda crashes the app react big calendar从每月或每周或每天或议程更改视图会使应用程序对大日历做出反应
【发布时间】：2020-08-12 20:26:41
【问题描述】：

错误：每月或每周或每天或议程更改视图会使应用程序崩溃。我怀疑这与时刻有关。

我的代码

import { Calendar, momentLocalizer } from "react-big-calendar";
import moment from "moment";
import "react-big-calendar/lib/css/react-big-calendar.css";

const localizer = momentLocalizer(moment);

const Calendars = () => {
 
  return (
    <div>
<Calendar events={events} startAccessor="start_date" endAccessor="end_date" defaultDate={ new Date()} localizer={localizer} />
    </div>
  );
};

样本数据

这是我传递给日历函数的数据

cost events = [
 {
  "title": "Work",
   "start_date": "2020-02-10T09:00:00.000Z",
   "end_date": "2020-02-10T11:00:00.000Z"
 },
 {
  "title": "Work",
  "start_date": "2020-02-08T09:00:00.000Z",
   "end_date": "2020-02-08T11:00:00.000Z"
 }
]

我做错了什么？

【问题讨论】：

标签： javascript reactjs momentjs react-big-calendar

【解决方案1】：

你应该将“start_date”和“end_date”转换为js日期对象=>moment(start_date).toDate()

【讨论】：