如何修复 date[] 不能分配给 react hook 中的类型 [date?, date?]

Question

我想做的是在日期范围内设置一个日期，但出现了一个错误

Type 'Date[]' is not assignable to type '[Date?, Date?]'.

Types of property 'length' are incompatible.

Type 'number' is not assignable to type '0 | 1 | 2'

代码：

const [ dateRange, setDateRange] = useState([new Date('2017-02-01'), new Date('2017-05-20')]);
<DateRangePicker
                    value={dateRange}
                    onChange={value => {
                        this.setState({ value });
                        console.log(value);
                    }} />

Answer 1

最简单但不“正确”的方法就是制作演员表

this.setState({ value: value as [Date?, Date?]});

或

onChange={value:[Date, Date] => {

最好使用输入值变量在 onChange 函数中创建 [Date?, Date?] 变量

Answer 2

正确的方法是从rsuite导入valuetype

import {ValueType} from "rsuite/lib/DateRangePicker";

然后在你的useState中定义它

const [ dateRange, setDateRange] = useState<ValueType>([new Date('2017-02-01'), new Date('2017-05-20')])

<DateRangePicker
    value={dateRange}
    onChange={value => {
    setDateRange(value);
    }}
/>

如何修复 date[] 不能分配给 react hook 中的类型 [date?, date?]

How to fix the date[] is not assignable to type [date?, date?] in react hook

javascript

typescript

reactjs

next.js

rsuite