Javascript 我的datepicker不会改变它的值

我使用react钩子来更改datepicker值，但它不会更改，它在类组件中正常工作，但我想将其更改为钩子组件

下面的代码不起作用

function Example() {
  const [value, setValue] = useState({
    startDate: new Date(),
    endDate: new Date(),
    key: 'selection',
  });

  const handleChange = (e) => {
    setValue((prevState) => ({
      ...prevState,
      [e.target.name]: e.target.value,
    }));
  };

  return (
         <InputDate
            name="value"
            max={30}
            value={value}
            onChange={handleChange}
          />
  );
}

函数示例（）{
const[value，setValue]=useState({
开始日期：新日期（），
endDate:新日期（），
键：'选择'，
});
常数handleChange=（e）=>{
设置值（（prevState）=>({
…国家，
[e.target.name]：e.target.value，
}));
};
返回(
);
}

下面的代码是工作（类组件）

类示例扩展组件{
状态={
价值：{
开始日期：新日期（），
endDate:新日期（），
键：'选择'，
}
}
handleChange=e=>{
这是我的国家({
[e.target.name]：e.target.value
})
}
render（）{
返回(
);
}
}

这是由于事件池。您需要从处理程序本身的事件中提取值

UPD.如果正确，我假设代码的其余部分是正确的：名称，

InputDate

处理您输入的值的形状，等等

function Example() {
  const [value, setValue] = useState({
    startDate: new Date(),
    endDate: new Date(),
    key: 'selection',
  });

  const handleChange = (e) => {
    const {name, value} = e.target;

    setValue((prevState) => ({
      ...prevState,
      [name]: value,
    }));
  };

  return (
         <InputDate
            name="value"
            max={30}
            value={value}
            onChange={handleChange}
          />
  );
}

函数示例（）{
const[value，setValue]=useState({
开始日期：新日期（），
endDate:新日期（），
键：'选择'，
});
常数handleChange=（e）=>{
常量{name，value}=e.target；
设置值（（prevState）=>({
…国家，
[名称]：值，
}));
};
返回(
);
}

这是由于事件池。您需要从处理程序本身的事件中提取值

UPD.如果正确，我假设代码的其余部分是正确的：名称，

InputDate

处理您输入的值的形状，等等

function Example() {
  const [value, setValue] = useState({
    startDate: new Date(),
    endDate: new Date(),
    key: 'selection',
  });

  const handleChange = (e) => {
    const {name, value} = e.target;

    setValue((prevState) => ({
      ...prevState,
      [name]: value,
    }));
  };

  return (
         <InputDate
            name="value"
            max={30}
            value={value}
            onChange={handleChange}
          />
  );
}

函数示例（）{
const[value，setValue]=useState({
开始日期：新日期（），
endDate:新日期（），
键：'选择'，
});
常数handleChange=（e）=>{
常量{name，value}=e.target；
设置值（（prevState）=>({
…国家，
[名称]：值，
}));
};
返回(
);
}