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

68 votes340 views4 answers
Inline styling react
Javascript React
1 vote309 views3 answers
How to make sticky footer with react router
Javascript React
1 vote307 views1 answer
Reactjs get checkbox value
Javascript React
0 vote290 views1 answer
React-native eject not working
Javascript React
0 vote311 views1 answer
Timeline material ui react native
Javascript React
12 votes321 views2 answers
How to integrate redux dev tool to react application
Javascript React
1 vote253 views1 answer
Table reactstrap
Javascript React
0 vote283 views1 answer
React break out of useeffect
Javascript React
0 vote286 views1 answer
React conditional if localhost
Javascript React
0 vote321 views1 answer
Pass text to button component react
Javascript React