/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

1 vote182 views1 answer
How to pass function as a props in react in functional components
Javascript React
6 votes185 views3 answers
React native vector icons not showing
Javascript React
4 votes189 views2 answers
HandleClick react
Javascript React
2 votes190 views1 answer
How to clean react native project
Javascript React
0 vote210 views1 answer
React change button color on hover
Javascript React
0 vote183 views1 answer
Cannot find module 'sass' react
Javascript React
0 vote176 views1 answer
React native Stack Navigation Prop unused variable
Javascript React
0 vote185 views3 answers
Link react router dom
Javascript React
10 votes163 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
48 votes172 views1 answer
Emmet not working in react nextjs
Javascript React