gpt4 book ai didi

javascript - 如何在html标签中使用useState?

转载 作者:行者123 更新时间:2023-12-02 21:02:37 26 4
gpt4 key购买 nike

我需要将我的状态链接到 HTML 标记。我设法使用类来做到这一点,但现在使用钩子(Hook)我没有得到它。出现错误。

React Hook "useState" is called in function "navbar" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks.

代码:

  export default function navbar() {

const [isOpen, setIsOpen] = useState(false);

const handleClick = () => {
setIsOpen(!isOpen)
}

return (
<nav>
<div className="logoBtn">

<div className="logo">
<a href="#"><h1>Logo</h1></a>
</div>

<div className="btn" onClick={handleClick}>
<div className="bar"></div>
<div className="bar"></div>
<div className="bar"></div>
</div>

</div>

<ul className={isOpen ? 'showNav' : und}>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>

</nav>
);
}

最佳答案

组件名称的首字母需要大写。

这就是您当前遇到错误的原因。

export default function Navbar() {

关于javascript - 如何在html标签中使用useState?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61304234/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com