/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 vote369 views1 answer
Icon with label in react native
Javascript React
15 votes322 views6 answers
React forms
Javascript React
1 vote306 views1 answer
When i go srource in react app in chrome i see my files
Javascript React
1 vote304 views2 answers
Await fetch in react
Javascript React
0 vote301 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
0 vote319 views1 answer
Bottom shadow in react native
Javascript React
0 vote346 views1 answer
React js Property 'Select' does not exist on type 'Form'.ts(2339) an
Javascript React
0 vote325 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote327 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
0 vote309 views1 answer
Remove console messages of react-i18next
Javascript React