“USestate Hook para la casilla de verificación Comprobación y desmarque” Código de respuesta

USestate Hook para la casilla de verificación Comprobación y desmarque

const { useState } = React; // --> for inline use
// import React, { useState } from 'react';  // --> for real project


const App = () => {
  const [checked, setChecked] = useState(false)
  const handleClick = () => setChecked(!checked)
  
  return <input onClick={handleClick} checked={checked} type="checkbox" />
};


ReactDOM.render(<App />, document.getElementById('root'))
Fantastic Fish

USestate Hook para la casilla de verificación Comprobación y desmarque

//one checkbox will be clicked another will be disabled.....

const { useState } = React; 
import React, { useState } from 'react';  


const App = () => {
  const [disabled, setDisabled] = useState(false)
  const handleClick = () => setDisabled(!true)
  
  return {
    <div onClick={handleClick}> <Checkbox /></div>
     <div> <Checkbox  disabled={disabled} /></div>
}
};


ReactDOM.render(<App />, document.getElementById('root'))
Sree Chakram

Respuestas similares a “USestate Hook para la casilla de verificación Comprobación y desmarque”

Preguntas similares a “USestate Hook para la casilla de verificación Comprobación y desmarque”

Más respuestas relacionadas con “USestate Hook para la casilla de verificación Comprobación y desmarque” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código

Shell/Bash
C#
C++
C
CSS
HTML
Java
JavaScript
Objective-C
PHP
Python
Sql
Swift
Ruby
TypeScript
Go
Kotlin
Assembly
R
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