Javascript事件未注册右键单击事件(在React中)

import React, { useState } from 'react';

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

  // ...
}

class MyComponent extends React.Component {
  // ...

  componentDidMount() {
    document.addEventListener('contextmenu', this.handleContextMenu);
    this.setState({ isContextMenuRegistered: true });
  }

  handleContextMenu = (event) => {
    event.preventDefault();
    // 执行右键单击事件的处理逻辑
  }

  // ...
}

class MyComponent extends React.Component {
  // ...

  componentWillUnmount() {
    document.removeEventListener('contextmenu', this.handleContextMenu);
    this.setState({ isContextMenuRegistered: false });
  }

  // ...
}