/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 vote226 views1 answer
Cookies in react native
Javascript React
0 vote224 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
0 vote241 views1 answer
React input number validation
Javascript React
22 votes238 views2 answers
React-bootstrap example
Javascript React
0 vote230 views1 answer
React dynamic load script
Javascript React
0 vote226 views1 answer
Textinput multiline start from top react native
Javascript React
0 vote226 views1 answer
Metro server not running react native
Javascript React
1 vote270 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote222 views1 answer
React native jest snapshot
Javascript React
0 vote241 views1 answer
Overflow scroll react native
Javascript React