/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 vote203 views1 answer
Find in array and return true or false react js
Javascript React
0 vote193 views1 answer
How to get property names from object using map method react
Javascript React
0 vote206 views1 answer
Reactjs limit text display 20 200 characters
Javascript React
3 votes207 views1 answer
How to preview a pdf document in react
Javascript React
0 vote189 views1 answer
React image source showing object module
Javascript React
0 vote191 views1 answer
Package path ./react is not exported from package next-auth
Javascript React
0 vote203 views1 answer
How to print an array inside another array in react
Javascript React
0 vote197 views1 answer
React navigation tabs up in keyboard
Javascript React
1 vote193 views1 answer
React native flatlist margin bottom
Javascript React
3 votes186 views1 answer
React after deployment givin nginx 404
Javascript React