“Alternar en el botón Haga clic en React JS Componente funcional” Código de respuesta

Alternar en el botón Haga clic en React JS Componente funcional

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

Difficult Dove

Reaccionar la clase de palanca

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

Disgusted Dingo

Respuestas similares a “Alternar en el botón Haga clic en React JS Componente funcional”

Ocultar y mostrar en el botón Haga clic en React JS Componente funcional

Preguntas similares a “Alternar en el botón Haga clic en React JS Componente funcional”

Cómo registrar solo un clic en componente anidado y no componente principal en React JS

Más respuestas relacionadas con “Alternar en el botón Haga clic en React JS Componente funcional” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código

Shell/Bash

C++

CSS

HTML

Java

JavaScript

Objective-C

PHP

Python

Sql

Swift

Ruby

TypeScript

Kotlin

Assembly

VBA

Scala

Rust

Dart

Elixir

Clojure

Haskell

Matlab

Erlang

Cobol

Fortran

Scheme

Perl

Groovy

Lua

Julia

Delphi

Abap

Lisp

Prolog

Pascal

ActionScript

Basic

Solidity

PowerShell

GDScript

Excel