antd的使用ts写报错

Question

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

Answer 1

已解决，

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