Welcome to ZaiNaLe Developer Community-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.3k views
in Technique[技术] by (71.8m points)

antd的 <Datepicker picker={dateType} /> 使用ts写报错

const dateTypes = 'date' | 'week' | 'month';

const [dateType, setDateType] = useState<dateTypes>('date');

// 这个地方一直报错,如果直接写'date'是ok的
<DatePicker picker={dateType} />

报错信息,不知道是不是antd定义有问题
antd 版本"antd": "^4.6.1",

Type '{ picker: dateTypes; }' is not assignable to type '(IntrinsicAttributes & IntrinsicClassAttributes<Component<PickerProps<Moment>, any, any>> & Readonly<...> & Readonly<...>) | (IntrinsicAttributes & ... 2 more ... & Readonly<...>) | (IntrinsicAttributes & ... 2 more ... & Readonly<...>)'.
 Type '{ picker: dateTypes; }' is not assignable to type 'Readonly<InjectDefaultProps<PickerTimeProps<Moment>>>'.
 Types of property 'picker' are incompatible.
 Type 'dateTypes' is not assignable to type '"time"'.
 Type '"date"' is not assignable to type '"time"'. TS2322

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

已解决,

<DatePicker picker={dateType as 'date'} />

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to ZaiNaLe Developer Community-Open, Learning and Share
...