Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 事件处理程序上的日期选择器日期未更改_Javascript_Reactjs_React Hooks_Material Ui - Fatal编程技术网

Javascript 事件处理程序上的日期选择器日期未更改

Javascript 事件处理程序上的日期选择器日期未更改,javascript,reactjs,react-hooks,material-ui,Javascript,Reactjs,React Hooks,Material Ui,我使用的是material UI datepicker,我遵循了该过程,但在事件处理程序上,日期没有改变,但初始值工作正常,我在useState中给出了该值。当我想要选择我想要的日期时,我希望我的日期选择器能够顺利工作。Datepicker的示例也在链接中 您一直在从状态设置相同的日期 const[date,setDate]=useStatenew日期; // ... onChange={e=>setDatedate} 应该是: onChange={e=>setDatee} DatePick

我使用的是material UI datepicker,我遵循了该过程,但在事件处理程序上,日期没有改变,但初始值工作正常,我在useState中给出了该值。当我想要选择我想要的日期时,我希望我的日期选择器能够顺利工作。Datepicker的示例也在链接中


您一直在从状态设置相同的日期

const[date,setDate]=useStatenew日期; // ... onChange={e=>setDatedate} 应该是:

onChange={e=>setDatee}
DatePicker的onChange回调中的第一个参数是您刚刚输入的新日期。

您需要设置如下值

onChange={(e) => setDate(e)}
此外,您不需要像这样设置状态:

const [date, setDate] = useState(new Date());
换行 onChange={e=>setDatedate} 到 onChange={setDate} 代码沙盒:

const [date, setDate] = useState(new Date());