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 vote68 views1 answer
How to pass props in react test cases
Javascript React
0 vote107 views1 answer
Nextjs react native web typescript
Javascript React
0 vote105 views1 answer
React cam filters
Javascript React
0 vote113 views2 answers
Write data in props.histroy.push in react component
Javascript React
-1 vote100 views2 answers
React native font based on viewport dimensions
Javascript React
0 vote101 views1 answer
React google login
Javascript React
2 votes123 views1 answer
React router 6 navigate
Javascript React
25 votes113 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
0 vote94 views1 answer
Using redux on react extension
Javascript React
1 vote112 views1 answer
Fontawsome icon size react element
Javascript React