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

如果这对你有用，请告诉我，我记得有过同样的问题，我通过这样做解决了。

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