/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 vote198 views1 answer
Use inline and other styles react native
Javascript React
1 vote197 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote197 views1 answer
React inlinle style set background image
Javascript React
1 vote159 views1 answer
Table reactstrap
Javascript React
1 vote198 views1 answer
React usestate set is async
Javascript React
1 vote216 views1 answer
React native flatlist hide scrollbar
Javascript React
0 vote216 views1 answer
Use this in a react js component
Javascript React
0 vote216 views1 answer
Custom hook for unique items in react
Javascript React
0 vote200 views1 answer
Cannot find module 'sass' react
Javascript React
1 vote174 views2 answers
React check internet connection
Javascript React