/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

118 votes369 views6 answers
Instalar bootstrap en react
Javascript React
0 vote303 views1 answer
Download images from http link in react
Javascript React
0 vote311 views1 answer
Making a react js website project ready for hosting
Javascript React
0 vote309 views1 answer
Switch button react value
Javascript React
10 votes306 views4 answers
React native disable warnings
Javascript React
0 vote288 views1 answer
Jsx not working in react vscode
Javascript React
3 votes307 views2 answers
React how to scroll to element
Javascript React
0 vote299 views2 answers
Subdomain react app
Javascript React
16 votes307 views1 answer
Deploy react app netlify
Javascript React
69 votes332 views6 answers
React icon
Javascript React