如何在控制我的 Datepicker 组件时使 placeHolder 可见（value = dateOfBirth）

Question

我在 antd 中实现了一个日期选择器，但我希望输入栏向我显示占位符，但它向我显示初始状态值，这里是代码

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

现在我希望占位符同时可见我希望日期选择器组件受控 componenent.But 我无法使占位符可见，除非我因此删除 value={dateOfBirth}这使我的组件不受控制。那么有什么办法可以同时实现这两个属性呢

Answer 1

由于您将 moment 对象作为默认值传递，日期选择器组件将使用它作为其初始值，这就是它不显示占位符的原因，因为占位符仅在没有值时使用。您需要将初始状态值设置为 null.

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

如何在控制我的 Datepicker 组件时使 placeHolder 可见（value = dateOfBirth）

How can i make a placeHolder visible while making my Datepicker component controlled( value = dateOfBirth)

reactjs

antd

ant-design-pro