/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 vote119 views1 answer
Toggle class onscroll hook react
Javascript React
5 votes144 views3 answers
React default proptypes
Javascript React
0 vote127 views1 answer
Change candle color react highcharts
Javascript React
0 vote125 views1 answer
React native icon onpress remove highlight onpress
Javascript React
1 vote132 views1 answer
How to know react and react-native version
Javascript React
0 vote116 views1 answer
Javascript slider get value react
Javascript React
0 vote129 views2 answers
How to import jquery file in react js
Javascript React
0 vote135 views1 answer
2.When will the validation functions be called in the react js
Javascript React
2 votes133 views1 answer
Best react native ui library
Javascript React
0 vote86 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React