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 vote360 views1 answer
React select remove the loading indicator
Javascript React
34 votes355 views3 answers
React-router
Javascript React
0 vote452 views1 answer
Reactjs lifecycle class components
Javascript React
1 vote378 views2 answers
How to create react native app
Javascript React
2 votes435 views2 answers
Prevent a page from refreshing in react
Javascript React
0 vote366 views1 answer
React particles js
Javascript React
3 votes335 views4 answers
Add new array at the back of react state
Javascript React
5 votes421 views4 answers
How to get url in react
Javascript React
0 vote369 views1 answer
React native force vertical
Javascript React
1 vote445 views1 answer
How to change favicon dynamic in react js
Javascript React