Wie man ein TypeScript enum in ein Array von Objekten für die UI-Anzeige umwandelt?
Hallo zusammen! Ich bin neu in TypeScript und habe ein Problem bei der Arbeit mit enum. Ich habe eine Aufzählung von Bestellstatus:
```typescript
enum OrderStatus {
Pending = 'pending',
Processing = 'processing',
Shipped = 'shipped',
Delivered = 'delivered',
Cancelled = 'cancelled'
}
```
Ich muss diese Status in einer Dropdown-Liste (select) in einer React-Komponente anzeigen. Dafür benötige ich ein Array von Objekten wie:
```typescript
[
{ label: 'Pending', value: 'pending' },
{ label: 'Processing', value: 'processing' },
// ... und so weiter
]
```
Ich habe versucht, `Object.values(OrderStatus)` zu verwenden, aber das gibt nur die Werte zurück ('pending', 'processing' usw.). Ich brauche sowohl die Schlüssel (als label) als auch die Werte selbst.
Ich habe diesen Code ausprobiert:
```typescript
const statusArray = Object.entries(OrderStatus).map(([key, value]) => ({
label: key,
value: value
}));
```
Aber er gibt aus irgendeinem Grund ein Array mit doppelten Einträgen zurück: `[{label: 'Pending', value: 'pe'`
Noch keine Antworten.
Anmelden um eine Antwort zu hinterlassen
Blogs
Gehälter von JavaScript-Entwicklern in Russland: Marktüberblick 2025
Bereitstellung von Java-Anwendungen auf Kubernetes: Schritt-für-Schritt-Anleitung
Warum C++-Vorlagen nur in Header-Dateien leben? Anhand von Beispielen erklärt