/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 vote390 views1 answer
React case switch not working
Javascript React
14 votes379 views2 answers
Adding border in react native
Javascript React
3 votes360 views1 answer
React prop ytpes
Javascript React
-1 vote375 views4 answers
React native reset cache
Javascript React
0 vote405 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
1 vote436 views1 answer
Rendering, reconciliation and committing in react
Javascript React
0 vote378 views1 answer
Reactive forms angular conditional disabling
Javascript React
0 vote364 views1 answer
Stop from from refresching page react
Javascript React
0 vote358 views2 answers
React router dom v6
Javascript React
0 vote415 views1 answer
React catch error in component
Javascript React