/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

5 votes209 views1 answer
Create react app deployment heroku
Javascript React
3 votes198 views1 answer
React pass props to children
Javascript React
15 votes208 views2 answers
UseReducer() hook react
Javascript React
0 vote208 views1 answer
Remove unused dependencies React
Javascript React
0 vote199 views1 answer
Mdbootstrap react
Javascript React
3 votes202 views1 answer
UseNav react router
Javascript React
4 votes206 views2 answers
React filter array from another array
Javascript React
0 vote221 views1 answer
How to check if we reach end of div react hooks
Javascript React
0 vote209 views1 answer
Global keyboard shortcuts react
Javascript React
3 votes192 views2 answers
React is there a safe area view for android
Javascript React