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

8 votes221 views1 answer
Professional react projects
Javascript React
0 vote228 views1 answer
Nested navigation react native
Javascript React
0 vote250 views1 answer
React-native-restart
Javascript React
8 votes248 views4 answers
Get current url react router
Javascript React
4 votes255 views1 answer
External site links in react Link
Javascript React
0 vote199 views1 answer
Option component in react js errors
Javascript React
1 vote244 views1 answer
React js router parameters
Javascript React
0 vote229 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote256 views1 answer
React-select-search useSelect hook
Javascript React
0 vote325 views1 answer
Make a button who disable scrolling down the page react
Javascript React