You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Datepicker报错:Cannot read properties of null (reading 'usestate') 求助

解决React DatePicker组件报错问题

针对你遇到的添加DatePicker就报错的情况,可以按以下步骤排查修复:

  • 安装缺失的依赖
    react-datepicker依赖date-fns库,若未安装会导致运行报错。执行以下命令安装:

    npm install date-fns
    # 或使用yarn
    yarn add date-fns
    

    确保date-fns版本为v2.x以上,与react-datepicker版本兼容。

  • 排查React StrictMode影响
    React18的StrictMode会触发组件两次挂载/卸载,部分第三方组件未适配该逻辑。如果你的应用包裹在<StrictMode>标签内,尝试暂时移除它,验证DatePicker是否能正常运行。若恢复正常,可等待react-datepicker的适配更新,或暂时在测试环境关闭StrictMode。

  • 升级react-datepicker版本
    确认当前安装的react-datepicker版本适配React18。执行命令查看版本:

    npm list react-datepicker
    

    若版本较旧,升级到最新稳定版:

    npm update react-datepicker
    
  • 验证CSS导入路径
    虽然你的CSS导入写法正确,但部分构建环境可能存在路径解析问题。尝试改用require方式导入样式:

    require('react-datepicker/dist/react-datepicker.css');
    

内容的提问来源于stack exchange,提问作者Hidden Voice

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.11 15:22:24