/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 vote186 views1 answer
React navigation history clear
Javascript React
0 vote207 views2 answers
Mobile nav react npm
Javascript React
0 vote203 views3 answers
Place footer at the bottom of the page react
Javascript React
0 vote168 views2 answers
React write into json file
Javascript React
15 votes184 views2 answers
Expo react navigation
Javascript React
0 vote199 views1 answer
Npm react-native-async-storage
Javascript React
41 votes159 views4 answers
On click copy to clipboard react
Javascript React
0 vote187 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
1 vote181 views1 answer
Font awesome react native icons
Javascript React
2 votes186 views2 answers
React detect screen size
Javascript React