/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 vote269 views1 answer
How to make back button react
Javascript React
20 votes211 views6 answers
Useeffect react example
Javascript React
0 vote217 views1 answer
Use of undeclared identifier 'gmsservices' react native
Javascript React
0 vote200 views1 answer
React-bootstrap problem-install new version
Javascript React
0 vote272 views1 answer
React Cache buster
Javascript React
114 votes257 views3 answers
React init
Javascript React
1 vote231 views1 answer
How to use cookies in react js
Javascript React
0 vote164 views1 answer
How to use algolia react native
Javascript React
0 vote341 views1 answer
Canvas js in react
Javascript React
0 vote286 views1 answer
Error: bundling failed: Error: Unable to resolve module react-native-community/toolbar-android
Javascript React