/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 vote173 views1 answer
How to use array of object in react
Javascript React
2 votes227 views3 answers
React scroll on top while transition
Javascript React
1 vote186 views2 answers
How to render react native app under the status bar
Javascript React
1 vote206 views1 answer
React-native link to play store
Javascript React
3 votes335 views3 answers
Center element react native
Javascript React
1 vote198 views1 answer
How to clear pod cache in react native
Javascript React
1 vote185 views1 answer
React-native-paper password input
Javascript React
1 vote190 views1 answer
React native modal not full screen
Javascript React
0 vote187 views1 answer
React-i18next
Javascript React
9 votes175 views2 answers
Axios react js
Javascript React