/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

1 vote176 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
0 vote192 views1 answer
No routes matched location / react router
Javascript React
1 vote152 views1 answer
Responsive calc height react native
Javascript React
11 votes160 views4 answers
Eslint disable react
Javascript React
15 votes155 views4 answers
Get query params react
Javascript React
0 vote214 views9 answers
How to run a cloned react native project
Javascript React
0 vote170 views1 answer
React native svg size
Javascript React
17 votes181 views3 answers
React router url params
Javascript React
0 vote171 views2 answers
Call a method of component from outside react
Javascript React
18 votes224 views3 answers
Add material ui to react
Javascript React