jquery 如何添加切换类到React.js链接？

wxclj1h5 于 2022-12-12 发布在 jQuery

关注(0)|答案(1)|浏览(99)

我需要添加切换类激活后，点击链接有菜单。

const AllLinksNavbar = Array.from(
        document.querySelectorAll(".has-menu")
    )

    AllLinksNavbar.forEach( element => {
        element.addEventListener('click', (e) => {
            e.preventDefault();
            element.classList.toggle('active')
        });
    } )

jquery

来源：https://stackoverflow.com/questions/74675301/how-to-add-toggle-class-to-links-with-react-js

1条答案

按热度按时间

8i9zcol21#

在reaction中，我们使用状态。您需要使用const [className, setClassName] = useState("someClass");创建状态，然后您需要通过函数setClassName更改该类

onClick={()=>{ 
  if(className.includes("active")){
     setClassName(className.replace("active",""))
  } else {
     setClassName(className + " active")
  }
}}

则使用此状态作为元素的类名

<div className={className}> </div>

赞(0）回复(0）举报 2022-12-12

我来回答

jquery 如何添加切换类到React.js链接？

1条答案

相关问题

热门标签

最新问答