/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 vote208 views3 answers
Image border shadow react native
Javascript React
0 vote218 views1 answer
Back press subscriptions i is not a function react native
Javascript React
0 vote227 views1 answer
Upload file react onclick
Javascript React
0 vote182 views3 answers
How to use keyextractor in flatlist react native
Javascript React
0 vote238 views1 answer
Button size react native
Javascript React
7 votes213 views2 answers
Insert a line break into a text component in react-native
Javascript React
0 vote209 views1 answer
React-i18next
Javascript React
15 votes262 views3 answers
Create react app and tailwind
Javascript React
2 votes224 views1 answer
React setupproxy
Javascript React
-1 vote205 views1 answer
Get height component react
Javascript React