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