大多数组件的 react-dates 库渲染问题

react-dates library's render issue for most of the components

我正在尝试在我的项目中使用爱彼迎的 react-dates。你可以在这里得到项目

https://codesandbox.io/s/react-date-nufy9?file=/src/App.js

我正在关注 react-dates 的文档,但是当我使用 react-dates 的组件时,我的应用程序以某种方式失败。我只有在使用 DateRangePicker 时才能渲染。 DayPickerRangeControllerPresetDateRangePicker 等所有其他组件都给我这个错误

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of App.

我需要使用 DayPickerRangeControllerPresetDateRangePicker。谁能告诉我我做错了什么?

在您提供的沙盒中 - 您收到此错误是因为您正在尝试导入 DayPickerRangeControllerWrapper 而不是从 react-dates.

导出的内容

如果您导入 DayPickerRangeController 而不是 DayPickerRangeControllerWrapper,您的沙箱似乎工作正常: https://codesandbox.io/s/react-date-forked-cms7c?file=/src/App.js