/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

-2 votes391 views1 answer
Reactjs cut part of string
Javascript React
0 vote427 views1 answer
Npm auth0-react
Javascript React
-2 votes375 views1 answer
Starter react redux project
Javascript React
0 vote349 views1 answer
How to find network there is no network react native
Javascript React
0 vote404 views1 answer
React js input autocomplete off
Javascript React
0 vote322 views1 answer
How to use algolia react native
Javascript React
0 vote1.3K views1 answer
Hide react from netlify
Javascript React
0 vote450 views1 answer
How to download an mp3 file in react native
Javascript React
2 votes370 views1 answer
React select with custom option
Javascript React
2 votes393 views2 answers
Discord.js remove reaction
Javascript React