/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 vote133 views1 answer
React navbar material ui
Javascript React
0 vote166 views1 answer
Remove duplicate value from map react js
Javascript React
3 votes145 views1 answer
React native nox emulator
Javascript React
1 vote150 views1 answer
React router dom 6 go back
Javascript React
0 vote138 views1 answer
Styling scrollview height in react native
Javascript React
1 vote130 views1 answer
React native flatlist margin bottom
Javascript React
0 vote136 views1 answer
Retore react app
Javascript React
0 vote140 views1 answer
Dropdown menu in react does not re render the component
Javascript React
0 vote160 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
0 vote134 views1 answer
Eject expo app to android and react native
Javascript React