/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 vote311 views1 answer
Error: bundling failed: Error: Unable to resolve module react-native-community/toolbar-android
Javascript React
2 votes326 views2 answers
React native select option
Javascript React
19 votes337 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote326 views2 answers
Remove state from location on page load in react router dom
Javascript React
0 vote337 views1 answer
Map of filtered data react
Javascript React
8 votes323 views2 answers
Install material icons for react
Javascript React
1 vote334 views1 answer
Reconciliation in react
Javascript React
0 vote344 views1 answer
Chinese icon in react native vector icons
Javascript React
4 votes346 views3 answers
How to add google map in react js
Javascript React
0 vote340 views1 answer
Preview image before upload reactjs
Javascript React