Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.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 Reply

0 votes
by (71.8m points)

已解决,

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

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...