“Gancho de usestate para check -in e desmarcar” Respostas de código

Gancho de usestate para check -in e desmarcar

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

Gancho de usestate para check -in e desmarcar

//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

Respostas semelhantes a “Gancho de usestate para check -in e desmarcar”

Perguntas semelhantes a “Gancho de usestate para check -in e desmarcar”

Mais respostas relacionadas para “Gancho de usestate para check -in e desmarcar” em JavaScript

Procure respostas de código populares por idioma

Procurar outros idiomas 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