/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 vote156 views1 answer
How to run an existing react project
Javascript React
0 vote138 views1 answer
React-tournament-ready
Javascript React
3 votes139 views1 answer
InnerWidth react
Javascript React
0 vote171 views1 answer
Multilone input react
Javascript React
0 vote143 views1 answer
React-native-apple-authentication
Javascript React
0 vote282 views1 answer
Canvas js in react
Javascript React
-1 vote161 views1 answer
How to remove react icon from tab
Javascript React
0 vote142 views1 answer
Input hook react
Javascript React
17 votes206 views5 answers
How to make apk react native
Javascript React
32 votes156 views5 answers
React disable eslint errors
Javascript React