微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决大多数组件的react-dates库的渲染问题

我正在尝试在项目中使用airbnb的反应日期。您可以在这里获得项目

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

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

元素类型无效:预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义文件中导出组件,或者可能混淆了认导入和命名导入。 检查App的渲染方法

我需要使用DayPickerRangeControllerPresetDaterangePicker。有人可以告诉我我在做什么错吗?

解决方法

在您提供的沙箱中,由于尝试导入DayPickerRangeControllerWrapper(不是从react-dates导出的内容)而出现此错误。

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。