在React中单击一次鼠标并进入键盘禁用

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isKeyboardDisabled: false
    };
  }

  handleClick = () => {
    this.setState({ isKeyboardDisabled: true });
  };

  handleKeyDown = (e) => {
    if (this.state.isKeyboardDisabled) {
      e.preventDefault();
    }
  };

  componentDidMount() {
    document.addEventListener('keydown', this.handleKeyDown);
  }

  componentWillUnmount() {
    document.removeEventListener('keydown', this.handleKeyDown);
  }

  render() {
    return (
      <div>
        <button disabled={this.state.isKeyboardDisabled} onClick={this.handleClick}>
          Click me
        </button>
      </div>
    );
  }
}

export default MyComponent;