javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: datetime use keys for stable identity

Browse Source
This commit is contained in:
Liam DeBeasi
2023-12-04 11:19:24 -05:00
parent 656ac5bb01
commit cab56466a2
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
core/src/components/datetime/datetime.tsx
View File

@@ -1649,7 +1649,7 @@ export class Datetime implements ComponentInterface {
}}
>
{items.map((item: PickerColumnItem) => (
<ion-picker-column-option disabled={item.disabled} value={item.value}>{item.text}</ion-picker-column-option>
<ion-picker-column-option key={item.value} disabled={item.disabled} value={item.value}>{item.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -1769,7 +1769,7 @@ export class Datetime implements ComponentInterface {
}}
>
{days.map((day: PickerColumnItem) => (
<ion-picker-column-option disabled={day.disabled} value={day.value}>{day.text}</ion-picker-column-option>
<ion-picker-column-option key={day.value} disabled={day.disabled} value={day.value}>{day.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -1817,7 +1817,7 @@ export class Datetime implements ComponentInterface {
}}
>
{months.map((month: PickerColumnItem) => (
<ion-picker-column-option disabled={month.disabled} value={month.value}>{month.text}</ion-picker-column-option>
<ion-picker-column-option key={month.value} disabled={month.disabled} value={month.value}>{month.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -1864,7 +1864,7 @@ export class Datetime implements ComponentInterface {
}}
>
{years.map((year: PickerColumnItem) => (
<ion-picker-column-option disabled={year.disabled} value={year.value}>{year.text}</ion-picker-column-option>
<ion-picker-column-option key={year.value} disabled={year.disabled} value={year.value}>{year.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -1930,7 +1930,7 @@ export class Datetime implements ComponentInterface {
}}
>
{hoursData.map((hour: PickerColumnItem) => (
<ion-picker-column-option disabled={hour.disabled} value={hour.value}>{hour.text}</ion-picker-column-option>
<ion-picker-column-option key={hour.value} disabled={hour.disabled} value={hour.value}>{hour.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -1962,7 +1962,7 @@ export class Datetime implements ComponentInterface {
}}
>
{minutesData.map((minute: PickerColumnItem) => (
<ion-picker-column-option disabled={minute.disabled} value={minute.value}>{minute.text}</ion-picker-column-option>
<ion-picker-column-option key={minute.value} disabled={minute.disabled} value={minute.value}>{minute.text}</ion-picker-column-option>
))}
</ion-picker-column>
);
@@ -2001,7 +2001,7 @@ export class Datetime implements ComponentInterface {
}}
>
{dayPeriodData.map((dayPeriod: PickerColumnItem) => (
<ion-picker-column-option disabled={dayPeriod.disabled} value={dayPeriod.value}>{dayPeriod.text}</ion-picker-column-option>
<ion-picker-column-option key={dayPeriod.value} disabled={dayPeriod.disabled} value={dayPeriod.value}>{dayPeriod.text}</ion-picker-column-option>
))}
</ion-picker-column>
);