Блог

Я пытаюсь использовать react-dates от airbnb в своем проекте. Вы можете получить проект здесь

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

Я слежу за документацией react-dates, но почему-то мое приложение выходит из строя, когда я использую компонент react-dates. Я смог визуализировать только тогда, когда использовал DateRangePicker . Все остальные компоненты, такие как DayPickerRangeController и PresetDateRangePicker , выдают мне эту ошибку

Недопустимый тип элемента: ожидалась строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: не определено. Вероятно, вы забыли экспортировать свой компонент из файла, в котором он определен, или, возможно, перепутали импорт по умолчанию и именованный импорт. Проверьте метод рендеринга App .

Мне нужно использовать DayPickerRangeController и PresetDateRangePicker . Кто-нибудь может сказать мне, что я здесь делаю не так?

В предоставленной вами изолированной среде — вы получаете эту ошибку, потому что пытаетесь импортировать, DayPickerRangeControllerWrapper что не является чем-то, из чего экспортируется react-dates .

Ваша песочница, похоже, работает нормально, если вы импортируете DayPickerRangeController вместо DayPickerRangeControllerWrapper : https://codesandbox.io/s/react-date-forked-cms7c?file=/src/App.js