/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 vote106 views1 answer
React native elements bottom sheet
Javascript React
3 votes120 views1 answer
React hooks send data from child to parent
Javascript React
2 votes111 views2 answers
Get value of Autocomplete react
Javascript React
0 vote105 views1 answer
Reactjs clic copy
Javascript React
2 votes106 views2 answers
Merge two styles react native
Javascript React
2 votes108 views2 answers
How to add multiple classes to a ReactJS Component
Javascript React
2 votes100 views3 answers
Linear gradient reactjs
Javascript React
0 vote125 views1 answer
React native load function each time visit screen
Javascript React
0 vote93 views1 answer
Form.select react bootstrap
Javascript React
0 vote110 views1 answer
React-native-safe-area-context
Javascript React