如何将 Toggle Class 添加到 React.js 的链接？

Question

I need to add toggle class active after clicking on the links has menu.

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

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

Answer 1

in react we work with states. you need to create state with const [className, setClassName] = useState("someClass"); then you need to change this class by the function setClassName

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

then use this state as a class name for the element

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