Javascript 使用挂钩时,反应handleClick按钮抛出错误

Javascript 使用挂钩时,反应handleClick按钮抛出错误,javascript,reactjs,button,react-hooks,Javascript,Reactjs,Button,React Hooks,但它们都不起作用 代码有什么问题?changeconst{loggedIn,setLoggedIn}=useState(false) To:const[loggedIn,setLoggedIn]=useState(false) 不要使用{}声明useState变量,它的setter函数使用[]这些变量 问题是useState返回的是[]而不是{} 您应该具有以下内容: () => handleClick handleClick() +1建议: 另外,最好在使用setLoggedIn时使用

但它们都不起作用


代码有什么问题?

change
const{loggedIn,setLoggedIn}=useState(false)

To:
const[loggedIn,setLoggedIn]=useState(false)


不要使用
{}
声明useState变量,它的setter函数使用
[]
这些变量

问题是
useState
返回的是
[]
而不是
{}

您应该具有以下内容:

() => handleClick
handleClick()
+1建议:

另外,最好在使用
setLoggedIn
时使用回调选项,以便捕获状态的早期版本,如下所示:

const [loggedIn, setLoggedIn] = useState(false);

我希望这有帮助

您正在解构状态值并错误地更改处理程序。它返回一个元组,因此您需要获得如下值:

const handleClick = () => {
   setLoggedIn(prev => !prev);
}

单击向上按钮显示对stackoverflow lol的赞赏xD@freudianrudin随时告诉我进展如何。
const handleClick = () => {
   setLoggedIn(prev => !prev);
}
const [loggedIn, setLoggedIn] = useState(false)