/Javascript/React/Toggle on button click in react js functional component

Toggle on button click in react js functional component

const [show,setShow]=useState(true)
  return (
    <div className="App">
     {
       show?<h1>Hello World !</h1>:null
     }
<button onClick={()=>setShow(!show)} >Toggle</button> 
    </div>
  );

Onclick toggle class react

import React, { useState } from "react";import "./styles.css";

export default function App() {
  const [isActive, setActive] = useState("false");
  const handleToggle = () => {
    setActive(!isActive);  };
  return (
    <div className={isActive ? "app" : null}>      <h1>Hello react</h1>
      <button onClick={handleToggle}>Toggle class</button>    </div>
  );
}

-1

Source: reactgo.com

Similar codes

61 votes219 views6 answers
Reactjs router
Javascript React
0 vote240 views1 answer
React native section list sort by alphabet
Javascript React
5 votes298 views2 answers
Import fa icons react
Javascript React
1 vote252 views1 answer
Have flat list automatically wrap react native
Javascript React
18 votes212 views6 answers
Add svg in react
Javascript React
112 votes282 views5 answers
Command to create react app
Javascript React
0 vote235 views2 answers
React composition
Javascript React
0 vote253 views1 answer
React native navigation shared element
Javascript React
2 votes256 views1 answer
React setupproxy
Javascript React
3 votes255 views1 answer
React router Link does work
Javascript React