How to block a button for 2 seconds after it is pressed?

Question

React

Hello. I ran into a problem: there are three buttons, when you click on any of them, you need to block (hang disabled) for 2 seconds all the buttons at once. How to do it ? I don’t understand exactly how to hang a lock for 2 seconds immediately after pressing

Answer 1

state = {
  disabled: false,
}

toggle(disabled) {
  this.setState(() => ({ disabled }));
}

onClick = () => {
  this.toggle(true);
  setTimeout(() => this.toggle(false), 2000);
}

<button disabled={this.state.disabled} onClick={this.onClick}>click me</button>