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

6 votes315 views2 answers
UseHistory react-router-dom
Javascript React
0 vote308 views1 answer
Page scrolling react js
Javascript React
-1 vote334 views1 answer
Use inline and other styles react native
Javascript React
1 vote327 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
0 vote336 views1 answer
Add event listener react hooks
Javascript React
0 vote338 views1 answer
Dynamic useState in react
Javascript React
16 votes326 views3 answers
Importing svg into react
Javascript React
0 vote355 views1 answer
Could not resolve module fs react native
Javascript React
0 vote288 views1 answer
React useState vs variable
Javascript React
2 votes340 views1 answer
React select with custom option
Javascript React