/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 vote238 views1 answer
How to authenticate token in react using axios
Javascript React
1 vote246 views2 answers
React select npm
Javascript React
21 votes219 views6 answers
React native apk build
Javascript React
7 votes266 views1 answer
React Native vs Flutter
Javascript React
2 votes218 views1 answer
Rn touchableopacity
Javascript React
0 vote255 views1 answer
Table like another component in react native
Javascript React
1 vote241 views1 answer
Proactive vs reactive
Javascript React
0 vote244 views1 answer
React native custom debounce input
Javascript React
0 vote244 views1 answer
Remove stack header bottom line react native
Javascript React
38 votes239 views2 answers
How to comment out code in react js
Javascript React