/Javascript/React/Disable a button react

Disable a button react

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

Source: stackoverflow.com

Disable button in jsx

const buttonRef = useRef();

const disableButton = () =>{
  buttonRef.current.disabled = true; // this disables the button
 }

<button
className="btn btn-primary mt-2"
ref={buttonRef}
onClick={disableButton}
>
    Add
</button>

Source: stackoverflow.com

Similar codes

0 vote121 views5 answers
Arrow function component react shortcut vscode
Javascript React
0 vote104 views1 answer
React chart chart title
Javascript React
1 vote124 views1 answer
Tailwind css react craco package.json
Javascript React
0 vote112 views1 answer
React generate ethereum address
Javascript React
112 votes147 views5 answers
Command to create react app
Javascript React
0 vote124 views1 answer
Get all database react native
Javascript React
3 votes110 views1 answer
React get method
Javascript React
0 vote106 views1 answer
Placeholder text disappear when click in react
Javascript React
0 vote109 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
1 vote113 views1 answer
Running scripts is disabled on this system react js
Javascript React