你能在onClick函数中使用useState钩子吗

Question

我有以下代码

const {checked, setChecked} = useState(false);
<Form.Check type="checkbox"
checked={checked}
onClick={(e)=>{
setChecked(!checked);
}}/>

每次单击复选框时，react-dom.development.js:327 Uncaught TypeError: setChecked is not a function出现错误。我希望它能起作用，所以我不确定我错过了什么。

Answer 1

重构

const {checked, setChecked} = useState(false);

至

const [checked, setChecked] = useState(false);

Answer 2

是的，您可以，但useState不会返回对象，它会重新运行数组，因此您需要编写

const [checked, setChecked] = useState(false)