如何在React中添加多个不同类型的事件侦听器？

import React, { Component } from 'react';

class MyComponent extends Component {
  componentDidMount() {
    // 添加点击事件侦听器
    document.addEventListener('click', this.handleClick);

    // 添加键盘按下事件侦听器
    document.addEventListener('keydown', this.handleKeyDown);
  }

  componentWillUnmount() {
    // 在组件卸载前移除事件侦听器，以防止内存泄漏
    document.removeEventListener('click', this.handleClick);
    document.removeEventListener('keydown', this.handleKeyDown);
  }

  handleClick = (event) => {
    // 处理点击事件
    console.log('点击事件触发');
  }

  handleKeyDown = (event) => {
    // 处理键盘按下事件
    console.log('键盘按下事件触发');
  }

  render() {
    return (
      <div>
        {/* 组件的内容 */}
      </div>
    );
  }
}

export default MyComponent;