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

18 votes118 views6 answers
Add svg in react
Javascript React
0 vote125 views3 answers
React-router-dom status code 301
Javascript React
0 vote129 views1 answer
React router dom default params
Javascript React
3 votes131 views2 answers
React usestate functional update
Javascript React
0 vote128 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
0 vote120 views1 answer
${product} meaning in react js
Javascript React
0 vote140 views1 answer
Button size react native
Javascript React
0 vote128 views1 answer
Reactjs exemple class component
Javascript React
0 vote126 views1 answer
Loading react circular progress
Javascript React
0 vote131 views1 answer
React native font awesome
Javascript React