如何发送<TextInput对象的contextmenu事件并通过在Typescript React中单击按钮来选择菜单项

interface MyComponentState {
  menuItems: string[];
}

class MyComponent extends React.Component<{}, MyComponentState> {
  constructor(props: {}) {
    super(props);
    this.state = {
      menuItems: ["Item 1", "Item 2", "Item 3"],
    };
  }
  // ...
}

render() {
  return (
    <div>
      <TextInput onContextMenu={this.handleContextMenu} />
      <button onClick={this.handleClick}>选择菜单项</button>
    </div>
  );
}

handleContextMenu = (event: React.MouseEvent<HTMLInputElement>) => {
  event.preventDefault();
  this.setState({
    menuItems: ["Item 1", "Item 2", "Item 3"],
  });
};

handleClick = () => {
  const selectedItem = window.prompt("请选择菜单项：", this.state.menuItems[0]);
  // 执行相应的操作，例如发送请求或更新组件状态
};