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

1 vote374 views1 answer
Column width table react
Javascript React
0 vote373 views1 answer
React native how to pass id from list to function
Javascript React
0 vote377 views1 answer
React Calender Style
Javascript React
1 vote377 views3 answers
Bash: react-scripts: command not found
Javascript React
1 vote403 views1 answer
Get current platform react native
Javascript React
0 vote390 views1 answer
React native updating options with setoptions
Javascript React
0 vote402 views1 answer
Ng-class equivalent in react
Javascript React
0 vote347 views1 answer
React native getstream
Javascript React
-1 vote402 views1 answer
Convert create-react-app to typscript
Javascript React
-2 votes410 views3 answers
Keyboard dismiss in react native
Javascript React