/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

73 votes396 views7 answers
React icons
Javascript React
14 votes388 views2 answers
Adding border in react native
Javascript React
0 vote394 views1 answer
Link tag react
Javascript React
0 vote359 views1 answer
Drawer navigation set width react native
Javascript React
0 vote395 views1 answer
Get started with datagrid in react js
Javascript React
4 votes385 views2 answers
Onitemclick react
Javascript React
0 vote407 views1 answer
React-tournament-ready
Javascript React
0 vote374 views1 answer
Textalignvertical not working in ios react native
Javascript React
0 vote418 views2 answers
Hello world react
Javascript React
6 votes437 views1 answer
React native activityindicator
Javascript React