React 大日历没有默认导出

Question

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

Attempted import error: 'react-big-calendar' does not contain a default export (imported as '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>
  )
}

提前感谢您的任何回复。

Answer 1

我会建议你试试这个。

// 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} />

让我知道这是否适合你，我记得我遇到过同样的问题，我通过这样做解决了。

此致，希望对您有所帮助！

Answer 2

您应该使用图书馆提供的命名导出。此外，库还导出日历组件，该组件应替换您的 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>
  )
}

React 大日历没有默认导出

React big calendar has no default export

javascript

reactjs

react-big-calendar