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)