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 vote352 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
7 votes315 views4 answers
React native update state array of objects
Javascript React
1 vote390 views1 answer
Handling scrolling on react router transitions
Javascript React
3 votes516 views2 answers
Center an element react native
Javascript React
0 vote353 views1 answer
React native elements bottom sheet close on back button press
Javascript React
99 votes375 views6 answers
How to install react router DOM
Javascript React
2 votes344 views1 answer
How to get current URL with Javascript or React
Javascript React
-1 vote354 views4 answers
React native reset cache
Javascript React
0 vote399 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React
1 vote360 views1 answer
React native grid view
Javascript React