/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 vote184 views1 answer
Get image from gallery react native
Javascript React
0 vote171 views2 answers
React native how to delete android build
Javascript React
5 votes167 views1 answer
Import suspence from react
Javascript React
0 vote159 views1 answer
Fcctest cdn reactjs setup
Javascript React
0 vote165 views1 answer
Timezone in react js
Javascript React
0 vote156 views1 answer
React-data-table-component cell action
Javascript React
0 vote153 views1 answer
@types react-router-dom
Javascript React
4 votes147 views1 answer
Import react icons module
Javascript React
0 vote143 views2 answers
Automated counter with react hooks
Javascript React
1 vote159 views1 answer
Scale text in div react
Javascript React