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

2 votes159 views1 answer
React higher order components
Javascript React
0 vote179 views1 answer
React hook form submit outside form
Javascript React
3 votes183 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
1 vote184 views3 answers
Click outside React component
Javascript React
1 vote178 views1 answer
I18n turn off suspense react
Javascript React
0 vote211 views1 answer
My env.local file not working in my react app usind mac
Javascript React
0 vote184 views1 answer
React js practical tutorial
Javascript React
0 vote171 views1 answer
How to add value with useref in react
Javascript React
1 vote194 views1 answer
Remove underline from hyperlink react
Javascript React
0 vote216 views1 answer
How to get back image and front text in react native
Javascript React