/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 vote262 views2 answers
React native how to delete android build
Javascript React
66 votes199 views4 answers
How to redirect to a website in react
Javascript React
1 vote273 views1 answer
How to resize react icons
Javascript React
0 vote258 views1 answer
.env not working on react
Javascript React
0 vote218 views1 answer
React native notifications error
Javascript React
0 vote198 views1 answer
Express react docker container example
Javascript React
0 vote203 views1 answer
React native scrollview scrollto()
Javascript React
0 vote199 views1 answer
Search Filter with React Native on FlatList
Javascript React
0 vote232 views1 answer
React router dom props.history is undefined
Javascript React
0 vote221 views3 answers
Line 32:18: 'Link' is not defined react/jsx-no-undef
Javascript React