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

3 votes331 views2 answers
How to get current screen name in react native
Javascript React
16 votes352 views2 answers
Render text in for loop react in function
Javascript React
1 vote384 views1 answer
Change icon color react native elements
Javascript React
0 vote333 views1 answer
React build size
Javascript React
2 votes338 views2 answers
How to change react icon color
Javascript React
4 votes331 views3 answers
Add google map in react js
Javascript React
1 vote330 views1 answer
Webpack-bundle-analyzer react
Javascript React
1 vote347 views1 answer
React native detect production
Javascript React
0 vote332 views1 answer
React call component state
Javascript React
0 vote307 views1 answer
React setstate concat string
Javascript React