React Datepicker 错误:无法读取 null 的属性(读取“usestate”)

React Datepicker Error: Cannot read properties of null (reading 'usestate')

提问人:Hidden Voice 提问时间:9/7/2023 最后编辑:Hidden Voice 更新时间:9/8/2023 访问量:139

问:

我正在为 react datepicker 创建一个测试,但我所做的似乎没有让它正常工作。每当我尝试将日期选择器添加到我的函数时,它都会抛出错误。

import React, { useState } from "react";
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

const DatePickerTest = () => {
    const [startDate, setStartDate] = useState(new Date());

    return (
        <div>
            <DatePicker selected={startDate} onChange={(date) => setStartDate(date)} />
        </div>
    );
}

DatePickerTest.defaultProps = {};

export default DatePickerTest;

我完全被难住了。我已经检查了 react 的版本,我相信 18.2.0 甚至与最高版本的 datepicker 兼容。我检查了所有其他现有代码,它实际上只在我添加日期选择器时才会发生。即使我添加了其他对象而不是 DatePicker,代码的其余部分也能很好地工作。

reactjs react-hooks null react-datepicker

评论

0赞 Gabriele Petrioli 9/8/2023
你在使用React服务器组件吗?也许你需要在顶部添加;否则,代码应该按原样工作。"use client"
0赞 Hidden Voice 9/8/2023
@GabrielePetrioli我试过了,但由于某种原因,我仍然收到该错误。我不明白现在发生了什么。

答:

0赞 Florian 9/8/2023 #1

您是否为 react-datepicker 导入了必要的 CSS?

导入“反应日期选择器/dist/反应日期选择器.css”;

?

评论

0赞 Hidden Voice 9/8/2023
是的,我加了。我仍然收到usestate错误。