如何在ReactJs中从下拉列表中获取选定值?

wd2eg0qa  于 2023-04-29  发布在  React
关注(0)|答案(1)|浏览(121)

我无法从下拉列表中获取值,我正在获取的值是错误的,如果我单击完成,它们将反向,它将在控制台中显示不完整,反之亦然

const [status, setStatus] = useState("");
  const handleChange = (e) => {
    setStatus(e.target.value);
    console.log(status);

<select className="formList" onChange={handleChange}>
          <option value="incomplete">Incomplete</option>
          <option value="complete">Complete</option>
        </select>
  };

我希望得到正确的值

qoefvg9y

qoefvg9y1#

试试这个

const [status,setStatus]=useState("");

const handleChange = (e) => {
setStatus(e.target.value);
};

useEffect(() => {
console.log(status);
}, [status]);

return (
<select className="formList" 
onChange={handleChange}>
<option value="incomplete">
Incomplete</option>
<option 
value="complete">Complete</option>
</select>
);

相关问题