/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

-1 vote170 views4 answers
React tutorial
Javascript React
2 votes146 views1 answer
What is virtual dom in react
Javascript React
4 votes185 views2 answers
Axios react post form data
Javascript React
1 vote153 views1 answer
Node js and react js difference
Javascript React
25 votes187 views6 answers
React native shadow android
Javascript React
24 votes154 views5 answers
How to change port in react js
Javascript React
0 vote141 views1 answer
React json object pretty
Javascript React
0 vote173 views1 answer
Close all function of react in vscode mac
Javascript React
1 vote186 views2 answers
React alert popup
Javascript React
0 vote184 views1 answer
React nativ export default
Javascript React