/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 vote382 views1 answer
How to use error in react hook form
Javascript React
0 vote432 views1 answer
React native calender date picker
Javascript React
4 votes372 views1 answer
UseEffect with axios react
Javascript React
5 votes381 views1 answer
Wrap text react native
Javascript React
-1 vote347 views7 answers
How to trim dates in react
Javascript React
14 votes316 views1 answer
Change checkbox value react
Javascript React
0 vote368 views1 answer
React check if array contains value
Javascript React
0 vote382 views1 answer
How to remove an object from array in react native
Javascript React
1 vote379 views1 answer
React native grid view
Javascript React
65 votes333 views6 answers
React routing
Javascript React