Cómo convertir un enum de TypeScript en un array de objetos para mostrar en UI
¡Hola a todos! Soy nuevo en TypeScript y me encontré con un problema al trabajar con enum. Tengo una enumeración de estados de pedido:
```typescript
enum OrderStatus {
Pending = 'pending',
Processing = 'processing',
Shipped = 'shipped',
Delivered = 'delivered',
Cancelled = 'cancelled'
}
```
Necesito mostrar estos estados en una lista desplegable (select) en un componente de React. Para eso necesito un array de objetos como:
```typescript
[
{ label: 'Pending', value: 'pending' },
{ label: 'Processing', value: 'processing' },
// ... y así sucesivamente
]
```
Intenté usar `Object.values(OrderStatus)`, pero esto solo devuelve los valores ('pending', 'processing', etc.). Necesito obtener tanto las claves (como label) como los valores.
Intenté este código:
```typescript
const statusArray = Object.entries(OrderStatus).map(([key, value]) => ({
label: key,
value: value
}));
```
Pero por alguna razón devuelve un array con entradas duplicadas: `[{label: 'Pending', value: 'pe
No answers yet.
Inicia sesión para dejar una respuesta
Blogs