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

30 votes204 views5 answers
Use effect react
Javascript React
0 vote235 views1 answer
Reactjs add border to the table row
Javascript React
0 vote212 views2 answers
Get location from brwoser react
Javascript React
0 vote237 views1 answer
React router link electron not working
Javascript React
1 vote218 views1 answer
Textinput onpress react native
Javascript React
2 votes197 views1 answer
React router 404 redirect
Javascript React
14 votes216 views2 answers
Adding border in react native
Javascript React
19 votes204 views3 answers
React Hooks append state
Javascript React
1 vote211 views1 answer
Column width table react
Javascript React
9 votes185 views5 answers
How to add array data on state react
Javascript React