Reactjs 如何在控制Datepicker组件时使占位符可见(值=dateOfBirth)

Reactjs 如何在控制Datepicker组件时使占位符可见(值=dateOfBirth),reactjs,antd,ant-design-pro,Reactjs,Antd,Ant Design Pro,我在antd中实现了一个Datepicker,但我希望输入栏显示占位符,但它显示的是初始状态值,这里是代码 <DatePicker value={dateOfBirth} placeholder="Date of Birth" format={dateFormat} onChange={(date) => setDateOfBirth(date)} /> setDateOfBirth(日期

我在antd中实现了一个Datepicker,但我希望输入栏显示占位符,但它显示的是初始状态值,这里是代码

 <DatePicker 
        value={dateOfBirth}
        placeholder="Date of Birth"
        format={dateFormat}
        onChange={(date) => setDateOfBirth(date)} />
setDateOfBirth(日期)}/>

现在我希望占位符在我希望datepicker组件是受控组件的同时可见。但是我无法使占位符可见,除非我删除
value={dateOfBirth}
,这会使我的组件成为非受控组件。因此,有没有办法同时实现这两个属性。

因为您要传递一个力矩对象作为默认值,所以日期选择器组件将使用它作为初始值,这就是为什么它不显示占位符的原因,因为占位符仅在没有值时使用。您需要将初始状态值设置为
null

const [dateOfBirth, setDateOfBirth ] = useState(null);

传递的初始值是什么?const[dateOfBirth,setDateOfBirth]=useState(矩());您正在传递一个力矩对象作为默认值,因此它不显示占位符。如果在
useState
中使用
null
或空字符串作为默认值,会发生什么情况?我尝试使用空字符串,但无效。但现在,当我尝试使用null作为初始值时,它就起作用了。谢谢。好的,我会给你写一个答案。