/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

3 votes125 views2 answers
Error duplicate resources react native
Javascript React
4 votes139 views2 answers
Concurrently node react
Javascript React
-1 vote121 views1 answer
Import ReactDOM from "react-dom";
Javascript React
0 vote137 views2 answers
Textarea react native
Javascript React
0 vote142 views1 answer
Blank array condition in react js
Javascript React
0 vote135 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
15 votes133 views8 answers
React bootstrap
Javascript React
3 votes119 views2 answers
React api call
Javascript React
2 votes123 views1 answer
React-native-reanimated npm
Javascript React
0 vote127 views2 answers
Reactjs hello world
Javascript React