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 vote194 views1 answer
How to convert react component to image
Javascript React
3 votes179 views3 answers
Chart js react
Javascript React
0 vote219 views1 answer
Style react native alert text
Javascript React
0 vote184 views1 answer
React Fontawesome Thumbs Up/Down rating (showcases background icon hiding)
Javascript React
105 votes237 views1 answer
React simbu
Javascript React
0 vote253 views1 answer
Usb react native device not found
Javascript React
0 vote185 views1 answer
React native app crashing on start
Javascript React
0 vote187 views1 answer
How to disable react in jsx scope eslint
Javascript React
0 vote230 views1 answer
Github create react app buildpack
Javascript React
114 votes232 views3 answers
React init
Javascript React