Question

我试图在此处搜索有关github上的项目的信息，但是找不到解决方案来使它工作。

目前它给我以下错误：

Cannot read property 'momentLocalizer' of undefined

代码行错误：

const localizer = BigCalendar.momentLocalizer(moment);

示例：Link

代码：

import React, { Component } from "react";
import { render } from "react-dom";
import events from "./events";
import BigCalendar from "react-big-calendar";
import moment from "moment";
import "react-big-calendar/lib/css/react-big-calendar.css";

moment.locale("en");
const localizer = BigCalendar.momentLocalizer(moment);
const allViews = Object.keys(BigCalendar.Views).map(k => BigCalendar.Views[k]);

class App extends Component {
  state = {
    view: "day",
    date: new Date(2015, 3, 12),
    width: 500
  };

  render() {
    console.log(
      moment()
        .subtract(1, "months")
        .endOf("month")
        .format("YYYY-MM-DD")
    );
    return (
      <div style={{ height: 700 }}>
        <BigCalendar
          localizer={localizer}
          onRangeChange={e => {
            console.log(e);
          }}
          events={[]}
          startAccessor="start"
          endAccessor="end"
        />
      </div>
    );
  }
}

render(<App />, document.getElementById("root"));

Answer 1

您正在使用命名的导入。您可以为此修改导入吗？

import { momentLocalizer } from "react-big-calendar";
// Rest of your code
const localizer = momentLocalizer(moment);
// Rest of your code

React js react-big-calendar momentLocalizer未定义

1 个答案: