如何在Ionic React的侧边菜单中添加子菜单？

<IonMenuToggle key={menuItem.title} autoHide={false}>
  <IonItem button onClick={() => handleMenuItemClick(menuItem)}>
    <IonIcon slot="start" icon={menuItem.icon} />
    <IonLabel>{menuItem.title}</IonLabel>
  </IonItem>
  {menuItem.children && (
    <IonList>
      {menuItem.children.map((childMenuItem) => (
        <IonItem
          key={childMenuItem.title}
          button
          onClick={() => handleChildMenuItemClick(childMenuItem)}
        >
          <IonIcon slot="start" icon={childMenuItem.icon} />
          <IonLabel>{childMenuItem.title}</IonLabel>
        </IonItem>
      ))}
    </IonList>
  )}
</IonMenuToggle>