你可以在 onClick 函数中使用 useState 钩子吗？答案

【问题标题】：Can you use useState hook inside onClick function?你可以在 onClick 函数中使用 useState 钩子吗？
【发布时间】：2020-04-29 09:46:03
【问题描述】：

我有以下代码

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 引发错误。我希望它能够工作，因此不确定我错过了什么。

【问题讨论】：

对于脱钩的规则，您可以阅读此reactjs.org/docs/hooks-rules.html

标签： javascript reactjs react-redux react-hooks

【解决方案1】：

重构

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

到

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

【讨论】：

【解决方案2】：

是的，你可以，但 useState 不返回对象它重新调整数组，所以你需要写

const [checked, setChecked] = useState(false)

【讨论】：