类型“ {}”中缺少属性“ picker”,但类型为“ TimeRangePickerProps”时必需

时间:2020-05-05 11:00:24

标签: reactjs typescript antd

我正在尝试将新的RangePicker用于antd v4的TimePicker,但这给我一个错误。我查看了他们的文档,没有记录关于picker属性的任何内容。奇怪的是,它只发生在我的开发环境中。我试图在codeandbox中重现它,但不能。这是错误的屏幕截图。

Missing picker prop error

有人可以帮我吗...

更新 根据要求,这基本上是代码:

import React from 'react';
import { TimePicker, Form } from 'antd';

const { RangePicker } = TimePicker;

const Test = () => {
   const [form] = Form.useForm()

   return (
      <Form form={form}>
         <div>
            <Form form={form}>
               <Form.Item>
                  <RangePicker />
               </Form.Item>
            </Form>
         </div>
      </Form>
   )
}

export default Test

1 个答案:

答案 0 :(得分:2)

TimePicker的{​​{1}}的其他道具实际上是在公用RangePicker API documentation上陈述的,如TimePicker documentation所述。

与DatePicker的RangePicker相同的道具。

RangePicker接口可能是从公共接口扩展而来的,在以下情况下他们没有忽略它,这有点奇怪。

这是RangePicker的写法:

RangePicker