Reactjs 如何接受更改状态前选择的时间@物料界面日期选择器

您好，我正在尝试使用@material ui/pickers中的

组件

我想动态更改

的道具

类型

当用户选择小时时，时钟视图必须将其类型改为“分钟”，而不是“小时”

然后用户就可以选择时间了

import ....

function StaticDatePicker() {
    const [value, setValue] = useState(new Date());
    const [timeStep, setStep] = useState(0);


    const handleDateChange = (date) => {
        setValue(date);
        setStep(timeStep === 0 ? 1 : 0)

    }
    // you can past mostly all available props, like minDate, maxDate, autoOk and so on
    const { pickerProps, wrapperProps } = useStaticState({
        value,
        onChange: handleDateChange,
    });

    return (
        <>
            <div>
                <Paper style={{ overflow: "hidden" }}>
                        <Calendar {...pickerProps} />
                </Paper>

                <Button fullWidth onClick={wrapperProps.onClear}>
                    Clear date ({value && value.toJSON()})
                </Button>
            </div>

            <div>
                <ClockView // or just directly use components
                    type={ timeStep === 0 ? "hours" : "minutes"}
                    date={value}
                    ampm={false}
                    onMinutesChange={date => handleDateChange(date)}
                    onSecondsChange={() => {}}
                    onHourChange={date => handleDateChange(date)}
                />
            </div>
            </>
    );
}

export default StaticDatePicker

导入。。。。
函数StaticDatePicker（）{
const[value，setValue]=useState（新日期（））；
const[timeStep，setStep]=useState（0）；
const handleDateChange=（日期）=>{
设定值（日期）；
设置步骤（时间步骤===0？1:0）
}
//你可以通过几乎所有可用的道具，如minDate、maxDate、autoOk等
const{pickerProps，wrapperProps}=useStaticState({
价值
onChange:handleDateChange，
});
返回(
清除日期（{value&&value.toJSON（）}）
handleDateChange（日期）}
OnSecondChange={（）=>{}
onHourChange={date=>handleDateChange（日期）}
/>
);
}
导出默认StaticDatePicker

这里的问题是，当用户尝试拖动选择光标时，值会直接更改！我想给用户的时间，他需要选择的时间！而

类型

只有在用户真正选择分钟或小时时才会更改

有什么帮助吗