/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 vote212 views1 answer
Detect touch react
Javascript React
0 vote229 views1 answer
What is react mounting
Javascript React
0 vote226 views1 answer
User account in react
Javascript React
1 vote277 views1 answer
React native object is empty
Javascript React
2 votes385 views2 answers
Export aab react native
Javascript React
0 vote219 views1 answer
Use jsx extension react-native
Javascript React
4 votes214 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
1 vote243 views1 answer
React native remove text from string
Javascript React
0 vote284 views1 answer
React native sovrapporre immagini
Javascript React
0 vote205 views1 answer
Top bar in react js
Javascript React