在功能组件中,我有onchange函数,我正在更新状态,但状态没有立即更新,这意味着首先,如果我输入第一个字符,当我输入第二个字符时,它会反映出来,我如何立即更新它。
const [customstartdate, setCustomstartdate] = useState();
const [customenddate, setCustomenddate] = useState();
<Input
className={`form-control-digits not-empty`}
onChange={customHandler}
type="date"
id="meeting-time"
name="start_date"
/>
const customHandler = (e) => {
if (e.target.name === "start_date") {
setCustomstartdate(e.target.value);
}
if (e.target.name === "end_date") {
setCustomenddate(e.target.value);
}
//having some functionality here
};
2条答案
按热度按时间a8jjtwal1#
你可以用这样的东西
使用效果(()=〉{集合名称(名称)},[名称])
r1zhe5dt2#
请在谷歌上搜索如何使用react hooks,
当您使用
onChange
时,他不能直接运行您函数,您需要编写一个回调来运行您的函数,请以我为例,阅读更多关于react
按照这个例子,你可以看到我使用了一个回调函数来使用useState