reactjs 未在功能组件中更新React setstate

rkkpypqq  于 2022-11-22  发布在  React
关注(0)|答案(2)|浏览(166)

在功能组件中,我有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
  };
a8jjtwal

a8jjtwal1#

你可以用这样的东西
使用效果(()=〉{集合名称(名称)},[名称])

r1zhe5dt

r1zhe5dt2#

请在谷歌上搜索如何使用react hooks,

当您使用onChange时,他不能直接运行您函数,您需要编写一个回调来运行您的函数,
请以我为例,阅读更多关于react

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

按照这个例子,你可以看到我使用了一个回调函数来使用useState

相关问题