React setstate未在功能组件中更新

Question

在功能组件中，我有一个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
};

Answer 1

您可以使用类似的东西

useEffect(() => {
setName(name)
}, [name])

Answer 2

请在谷歌上搜索如何使用react hook，

当你使用CCD_ 1时，他不能直接运行你的函数，你需要写一个回调来运行你的函数

请以我为例，阅读更多关于react 的信息

const [name,setName] = useState("");
<div>
<label>name</label>
<input type="text" id="fname" onChange={(eve)=>setName(eve.target.value)}/>
</div>

下面这个例子，你可以看到我正在使用一个回调函数来使用useState