鼠标悬停时打开菜单，鼠标离开时关闭菜单在react中

import React, { Component } from 'react';

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

  handleMouseEnter = () => {
    this.setState({ isMenuOpen: true });
  }

  handleMouseLeave = () => {
    this.setState({ isMenuOpen: false });
  }

  render() {
    return (
      <div>
        <button
          onMouseEnter={this.handleMouseEnter}
          onMouseLeave={this.handleMouseLeave}
        >
          Open Menu
        </button>
        {this.state.isMenuOpen && (
          <div>
            {/* 菜单内容 */}
          </div>
        )}
      </div>
    );
  }
}

export default Menu;