“Verwenden Sie Hook für Kontrollkästchen -Check und deaktivieren Sie” Code-Antworten

Verwenden Sie Hook für Kontrollkästchen -Check und deaktivieren Sie

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

Verwenden Sie Hook für Kontrollkästchen -Check und deaktivieren Sie

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

Ähnliche Antworten wie “Verwenden Sie Hook für Kontrollkästchen -Check und deaktivieren Sie”

Fragen ähnlich wie “Verwenden Sie Hook für Kontrollkästchen -Check und deaktivieren Sie”

Weitere verwandte Antworten zu “Verwenden Sie Hook für Kontrollkästchen -Check und deaktivieren Sie” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen

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