/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 vote344 views1 answer
React native qr code scanner
Javascript React
0 vote337 views1 answer
What is react mounting
Javascript React
16 votes380 views3 answers
Start react native
Javascript React
0 vote346 views1 answer
Background image in react from variable
Javascript React
0 vote341 views1 answer
Implementing state lifecycle in react class component
Javascript React
6 votes334 views4 answers
Add items to a react array in hooks
Javascript React
0 vote296 views1 answer
React useState vs variable
Javascript React
0 vote319 views1 answer
React conditional if localhost
Javascript React
1 vote396 views2 answers
Open failed: EACCES (Permission denied) react native
Javascript React
142 votes571 views3 answers
Install react app
Javascript React