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(eve.target.value)

}, [eve.target.value])

Answer 2

请在google上搜索如何使用react hooks，

当你使用onChange他不能直接运行你的功能， 您需要编写一个运行您的函数的回调，

请按照我的例子阅读更多关于反应

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

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