如何将单击的命令应用于面板菜单以在react中展开？

import React, { Component } from 'react';

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

  handleClick = () => {
    this.setState(prevState => ({
      isExpanded: !prevState.isExpanded
    }));
  }

  render() {
    const { isExpanded } = this.state;

    return (
      <div>
        <div onClick={this.handleClick}>面板菜单标题</div>
        {isExpanded && (
          <div>
            <ul>
              <li>菜单项1</li>
              <li>菜单项2</li>
              <li>菜单项3</li>
            </ul>
          </div>
        )}
      </div>
    );
  }
}

export default PanelMenu;