React大日历没有默认导出功能

问题描述

我想使用react-big-calendar，我使用npm（版本0.28.0）安装了该软件包，但是由于显然没有默认导出，所以我能够使用该组件。确切的错误是

尝试导入错误：“ react-big-calendar”不包含 默认导出（导入为“ BigCalendar”）。

如果我不应该使用默认导出，那么我在任何地方都找不到应该导入的内容。 我使用this tutorial来使其工作。我在互联网上搜索了类似的问题，但没有找到任何解决方案。 到目前为止，我的代码非常简单，因为我无法启动任何东西

import BigCalendar from 'react-big-calendar'
import moment from 'moment'

const MyComponent = props => {
  const localizer = BigCalendar.momentLocalizer(moment)
  return(
    <div>
      <BigCalendar localizer={localizer}/>
    <div>
  )
}

在此先感谢您的答复。

解决方法

我建议您尝试一下。

// the imports
import { Calendar,momentLocalizer  } from 'react-big-calendar' 
import 'react-big-calendar/lib/css/react-big-calendar.css';
import moment from 'moment'
const localizer = momentLocalizer(moment)

// The component you should use instead the one you mentioned.
 <Calendar localizer={localizer} />

让我知道这是否对您有用，我记得遇到了同样的问题，并且我做到了这一点。

最诚挚的问候，希望对您有帮助！

,

您应该使用库提供的命名导出。此外，库会导出日历组件，该组件应替换您的BigCalendar默认导入。

import { Calendar,momentLocalizer } from 'react-big-calendar'
import moment from 'moment'

const MyComponent = props => {
  const localizer = momentLocalizer(moment)
  return(
    <div>
      <Calendar localizer={localizer}/>
    <div>
  )
}