当onChange事件在复选框类型输入中触发时?

Question

根据MDN，当一个<输入类型>

但是我不明白这个反应代码是如何工作的。下面的react代码看起来就像onChange事件在复选框状态改变之前就触发了。

当输入为checkbox时，onChange事件何时被触发?

export default function(){
const [checked, setChecked] = useState(false);
const handleCheck = () => {
setChecked(~checked);
};  
return <div>
<input checked={checked} onChange={handleCheck}. type="checkbox"/>
</div>
}

Answer 1

这是一个受控输入的例子。最初，复选框将被选中，因为状态的初始状态为false，如果他单击复选框，那么它将被选中，因为handleCheck()事件将简单地将状态的值反转为true/false。