时间选择器从变量中设置defaultValue

Question

根据他们的时间选择器库，我在React中做了以下操作:

<TimePicker defaultValue={moment(dbTime1, format)} format={format}
onChange={time => setStartTime(moment(time).format(format))}/>

状态为:

const [dbTime1, setDbTime1] = useState("");
const [startTime, setStartTime] = useState(new Date());

用:

从数据库中读取字符串值09:00

setDbTime1(moment(timeWindowsData.din_times_for_rep[0].val));

问题是，视觉部分不显示需要我09:00时间，它只是提供选择一个时间。如果我对格式做一些修改，等等，它会给我各种错误。从无效日期开始，以无法选择时间结束，退回到date()等

如何存储变量并将时间字段显示为默认值?

如果我把字符串放到这里，它就可以工作了:

<TimePicker defaultValue={"09:00", format)} format={format}
onChange={time => setStartTime(moment(time).format(format))}/>

但是我需要它必须从变量中读取

Answer 1

我删除了这个组件，并使用了其他组件。