/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 vote264 views1 answer
Hide component blur react hooks
Javascript React
0 vote261 views1 answer
How to get circle around text in react natvie
Javascript React
5 votes262 views1 answer
Laravel using react
Javascript React
0 vote282 views1 answer
React chart js 2 api data
Javascript React
0 vote265 views1 answer
Unable to resolve module `@react-native-community/toolbar-android
Javascript React
0 vote225 views1 answer
Circle button react native
Javascript React
0 vote284 views1 answer
Can i use hooks with expo in react native
Javascript React
0 vote259 views1 answer
Use es6 arrow function in react
Javascript React
0 vote279 views1 answer
React native update state object inside object
Javascript React
1 vote295 views1 answer
Set Custom User Agent react
Javascript React