将视图从一个月更改为一个星期或一天，或者将议程更改为崩溃，则应用程序会响应大日历

问题描述

错误：将视图从一个月更改为一周或一天，或将议程更改为应用程序崩溃。我怀疑这与片刻有关。

我的代码

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>
  );
};

样本数据

这是我传递给 calendar 函数的数据

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"
 }
]

我做错了什么？

解决方法

您应将“开始日期”和“结束日期”转换为js日期对象=> moment(start_date).toDate()