Toggle on button click in react js functional component

Difficult Dove answered on August 16, 2021 Popularity 10/10 Helpfulness 5/10

answer Toggle on button click in react js functional component

related onclick toggle class react

Toggle on button click in react js functional component

Comment

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

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: button click javascript toggle

Link to this answer
Share Copy Link

Contributed on Dec 22 2021

Difficult Dove

0 Answers Avg Quality 2/10

Closely Related Answers

onclick toggle class react

Comments(1)

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>
  );
}

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: reactgo.com

Tags: class clas

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

Disgusted Dingo

0 Answers Avg Quality 2/10

Toggle on button click in react js functional component

Contents

More Related Answers

Toggle on button click in react js functional component

Closely Related Answers

onclick toggle class react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.