[英]Typescript Error using react-daterange-picker "No overload matches this call."
当我尝试在我的 React Typescript 应用程序中使用react-daterange-picker
picker 时,出现错误
No overload matches this call.
Overload 1 of 2, '(props: RangeProps<DateRangePicker> | SingleProps<DateRangePicker> | Readonly<RangeProps<DateRangePicker>> | Readonly<...>): DateRangePicker', gave the following error.
Type 'Date[]' is not assignable to type 'Moment | (MomentRange & typeof import("/Users/nyxynyx/test/node_modules/moment/ts3.1-typings/moment.d.ts")) | DateRange | undefined'.
Type 'Date[]' is missing the following properties from type 'Moment': format, startOf, endOf, add, and 80 more.
Overload 2 of 2, '(props: Props<DateRangePicker>, context: any): DateRangePicker', gave the following error.
Type 'Date[]' is not assignable to type 'Moment | (MomentRange & typeof import("/Users/nyxynyx/test/node_modules/moment/ts3.1-typings/moment.d.ts")) | DateRange | undefined'.
Type 'Date[]' is not assignable to type 'Moment'. TS2769
20 | <DateRangePicker
21 | onChange={onChange}
> 22 | value={value}
| ^
23 | />
24 | )
25 | }
我的代码基于package repo 中的官方示例。
为什么这里会出现 Typescript 错误,我们该如何解决?
反应 Typescript 代码:
import React, { useState } from 'react';
import DateRangePicker from 'react-daterange-picker';
export function Foo(): JSX.Element {
const [ value, onChange ] = useState([new Date(), new Date()]);
return (
<DateRangePicker
onChange={onChange}
value={value}
/>
)
}
好吧,您从示例中更改的一行是导入。
import DateRangePicker from 'react-daterange-picker';
此行不会导入您在问题中链接到的模块。 导入react-daterange-picker
,但您链接到@wojtekmaj/react-daterange-picker
。 这是两个完全不同的模块。
而是安装@wojtekmaj/react-daterange-picker
,它的类型是 package @types/wojtekmaj__react-datetimerange-picker
。 然后它应该像你期望的那样工作。
更改您的导入行
import DateRangePicker from 'react-daterange-picker';
至
import DateRangePicker from '@wojtekmaj/react-daterange-picker';
如果 package 未安装,则:
npm install @wojtekmaj/react-daterange-picker
希望这会帮助你。 谢谢你。
我在@types
中添加了类型定义。 您可以通过执行npm install --save @types/wojtekmaj__react-daterange-picke
来安装它
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.