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 vote157 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
56 votes139 views6 answers
Useref react
Javascript React
11 votes120 views3 answers
Reactjs get url query params as object
Javascript React
2 votes134 views2 answers
Splice state react
Javascript React
0 vote168 views1 answer
Text field drag and drop reactjs
Javascript React
0 vote130 views1 answer
React native update helper
Javascript React
0 vote123 views1 answer
Button react native style
Javascript React
7 votes156 views1 answer
React native hide scroll indicator
Javascript React
0 vote132 views1 answer
Making all makers to show in react native map
Javascript React
-5 votes139 views3 answers
Use ref in component reactjs
Javascript React