“Переключатель на кнопке нажмите на функциональный компонент React JS” Ответ

Переключатель на кнопке нажмите на функциональный компонент React JS

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

Difficult Dove

Класс Onclick Toggle React 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>
  );
}

Disgusted Dingo

Ответы похожие на “Переключатель на кнопке нажмите на функциональный компонент React JS”

скрыть и показывать на кнопке нажмите на функциональный компонент React JS

Вопросы похожие на “Переключатель на кнопке нажмите на функциональный компонент React JS”

Как зарегистрировать только один щелчок по вложенному компоненту, а не родительскому компоненту в React JS

Больше похожих ответов на “Переключатель на кнопке нажмите на функциональный компонент React JS” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования

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