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 vote129 views1 answer
React linking to documents
Javascript React
1 vote133 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote157 views1 answer
Text field drag and drop reactjs
Javascript React
1 vote134 views1 answer
React native create view dynamically
Javascript React
0 vote124 views1 answer
React rative release
Javascript React
1 vote138 views1 answer
Reactjs change window name
Javascript React
12 votes251 views1 answer
React chrome extension
Javascript React
0 vote119 views1 answer
Reactvs y axis range
Javascript React
0 vote127 views1 answer
React JSON data to display in a table
Javascript React
3 votes116 views3 answers
Async await class component react
Javascript React