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

0 vote321 views1 answer
React native showing double header stack and drawer menu
Javascript React
0 vote320 views1 answer
Svg as a component react
Javascript React
0 vote325 views1 answer
Sort by string react
Javascript React
0 vote321 views1 answer
Show and hide div based on radio button click react
Javascript React
0 vote321 views1 answer
How to reset ReactJS file input
Javascript React
0 vote277 views1 answer
Option component in react js errors
Javascript React
0 vote342 views1 answer
Orderbychild firebase react
Javascript React
0 vote344 views1 answer
Corousal in react
Javascript React
0 vote340 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
2 votes306 views2 answers
Chrome back button click event react
Javascript React