Ionic framework 选择带有标签元素子项的选项

Ionic framework 选择带有标签元素子项的选项,ionic-framework,ionic4,Ionic Framework,Ionic4,我想在OnSelectOptions中使用组件(并将它们并排排列)。但里面的所有东西都变成了一个常规文本。就我而言: <IonSelect onIonChange={(e) => setSelectedTrip(trips[e.detail.value])} > {trips.map((trip, index) => { return ( <I

我想在OnSelectOptions中使用组件(并将它们并排排列)。但里面的所有东西都变成了一个常规文本。就我而言:

        <IonSelect
          onIonChange={(e) => setSelectedTrip(trips[e.detail.value])}
        >
          {trips.map((trip, index) => {
            return (
              <IonSelectOption key={trip[0]} value={index}>
                <IonLabel>{trip[2]}</IonLabel>
                <IonLabel>{trip[3]}</IonLabel> 
              </IonSelectOption>
            );
          })}
        </IonSelect>
setSelectedTrip(trips[e.detail.value]))
>
{trips.map((trip,index)=>{
返回(
{trip[2]}
{trip[3]}
);
})}
提交给:

<div class="alert-button-inner sc-ion-alert-md"><div class="alert-radio-icon sc-ion-alert-md">
 <div class="alert-radio-inner sc-ion-alert-md"></div></div><div class="alert-radio-label sc-ion-alert- 
 md">

  trip2 trip3

 </div>
</div>

trip2 trip3
我喜欢这样的东西:

<div class="alert-button-inner sc-ion-alert-md"><div class="alert-radio-icon sc-ion-alert-md">
 <div class="alert-radio-inner sc-ion-alert-md"></div></div><div class="alert-radio-label sc-ion-alert- 
 md">

  <ion-label>trip2</ion-label>
  <ion-label>trip3</ion-label>

 </div>
</div>

trip2
trip3
如何将组件放入选项中