React toggle class

  
// You Should pass props to main functions and import useState
const [isActive, setActive] = useState(false);
const toggleClass = () => {
    setActive(!isActive);
  };

<YouDiv ClassName="{isActive ? 'active': null}" onClick={toggleClass}>
 
</YouDiv>

Similar codes

0 vote171 views1 answer
Decet wheter react app in development or production
Javascript React
0 vote166 views1 answer
Clear form inside modal after close reactjs
Javascript React
0 vote186 views1 answer
Cookies in react native
Javascript React
12 votes205 views3 answers
Vs code emmet for html in react
Javascript React
24 votes153 views4 answers
React copy to clipboard button
Javascript React
24 votes154 views5 answers
How to change port in react js
Javascript React
-1 vote170 views1 answer
Component navigation without changin the url react router
Javascript React
1 vote210 views1 answer
Rendering, reconciliation, committing in react
Javascript React
0 vote160 views3 answers
React hook example
Javascript React
22 votes178 views4 answers
Copy text to clipboard reactjs
Javascript React