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

24 votes242 views6 answers
Proptypes react
Javascript React
0 vote206 views1 answer
React-redux form preventdefault
Javascript React
0 vote254 views1 answer
Avoid compressing imagepicker react native
Javascript React
18 votes232 views6 answers
Import svg react
Javascript React
22 votes208 views3 answers
How to use if else inside jsx in react
Javascript React
0 vote212 views1 answer
Export socket io connection in react
Javascript React
0 vote225 views1 answer
How to have hotjar in react-hotjar
Javascript React
4 votes259 views1 answer
Multiple click events in react
Javascript React
0 vote269 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
0 vote206 views1 answer
One component overlapping on other in react.js app
Javascript React