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 vote221 views1 answer
Limit data with axios in react js
Javascript React
0 vote219 views1 answer
React native navigation paramlist never used
Javascript React
0 vote223 views1 answer
Why my favicon icon is not removing in react
Javascript React
1 vote219 views1 answer
How to test useEffect in react testing library
Javascript React
0 vote227 views1 answer
React read multiple files with filereader
Javascript React
0 vote232 views1 answer
How to add react.memo in export list
Javascript React
2 votes240 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
3 votes223 views1 answer
React proxy error: could not proxy request from localhost:3000 to http localhost:5000 econnreset
Javascript React
4 votes270 views1 answer
Full width of image and maintain aspect ratio react native
Javascript React
0 vote223 views1 answer
Scroll to a input on button click react native
Javascript React