// make your imports here, useState not required just using as example
import { useState } from "react";

const labels = ["Family", "Friends", "Notes", "Work", "Travel", "Reminders"];

const Menu: React.FC = () => {
    return (
// loop through the array
<IonList id="labels-list">
          <IonListHeader>Labels</IonListHeader>
          {labels.map((label, index) => (
            <IonItem lines="none" key={index}>
              <IonIcon slot="start" icon={bookmarkOutline} />
              <IonLabel>{label}</IonLabel>
            </IonItem>
          ))}
</IonList>

  );
};

export default Menu;

 

OBJECT map() in React - How To Use Ionic Map In OBJECT With React Loop map 1 - 10