“Cómo deshabilitar un botón en React en función de la condición” Código de respuesta

Reaccionar condicionalmente deshabilitar el botón

// Input field listens to change, updates React's state and re-renders the component.
<input onChange={e => this.setState({ value: e.target.value })} value={this.state.value} />

// Button is disabled when input state is empty.
<button disabled={!this.state.value} />

Nasty Narwhal

Cómo deshabilitar un botón en React en función de la condición

import { useState } from "react";

function MyComponent(){
	const [disabled, setDisabled] = useState(false);
	return (
    	<button disabled={disabled} onClick={setDisabled}>Click to Disable</button>
    )
}

elcharitas

Respuestas similares a “Cómo deshabilitar un botón en React en función de la condición”

¿Cómo hago un enlace para dirigirme a una nueva página cuando hago clic en un botón en React?

Preguntas similares a “Cómo deshabilitar un botón en React en función de la condición”

Más respuestas relacionadas con “Cómo deshabilitar un botón en React en función de la condición” 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