/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 vote160 views1 answer
React-native curved view
Javascript React
1 vote159 views2 answers
React beforeunload
Javascript React
0 vote133 views1 answer
In whatsapp share text add a new line react
Javascript React
0 vote264 views1 answer
Setstate to false after 10 sec react native
Javascript React
0 vote196 views1 answer
React flip move
Javascript React
0 vote144 views1 answer
React input mask ref
Javascript React
5 votes141 views4 answers
React native status bar
Javascript React
0 vote141 views1 answer
Bottom navigation bar react native hide on keyboard
Javascript React
5 votes132 views3 answers
Linear gradient css react js
Javascript React
5 votes134 views1 answer
How to create component in reactjs
Javascript React