时间戳

首页 > 解决方案 > 如何在控制我的 Datepicker 组件时使 placeHolder 可见（值 = dateOfBirth）

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

问题描述

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

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

现在，我希望占位符可见，同时我希望 datepicker 组件成为受控组件。但是我无法使占位符可见，除非我将其删除value={dateOfBirth}，从而使我的组件不受控制。那么有什么方法可以同时实现这两个属性。

标签： reactjsantdant-design-pro

解决方案

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

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

推荐阅读