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

1 vote173 views1 answer
Breakline in react native
Javascript React
13 votes130 views1 answer
Reactjs useState() hook
Javascript React
1 vote152 views1 answer
React current path
Javascript React
0 vote154 views4 answers
Router react how to pass data to class component
Javascript React
0 vote146 views1 answer
How to bound a state variable to a field react final form
Javascript React
8 votes150 views2 answers
React native italic text
Javascript React
1 vote156 views1 answer
Interpolation react
Javascript React
0 vote153 views1 answer
React native use route undefined
Javascript React
4 votes168 views2 answers
React helmet
Javascript React
0 vote142 views1 answer
Zeamster examples react node
Javascript React