/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

1 vote319 views1 answer
Get value of input element on button click react
Javascript React
1 vote272 views2 answers
React state not updating immediately
Javascript React
0 vote251 views3 answers
How to use keyextractor in flatlist react native
Javascript React
1 vote296 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript React
0 vote290 views1 answer
Link tag react
Javascript React
1 vote276 views2 answers
React datepicker documentation
Javascript React
0 vote283 views1 answer
CChartpie react
Javascript React
0 vote323 views2 answers
React native store sensitive data in redux
Javascript React
1 vote257 views1 answer
React index.js BrowserRouter
Javascript React
0 vote263 views1 answer
Most common use cases of portals in react
Javascript React