Como converter enum TypeScript em um array de objetos para exibir na UI?
Olá a todos! Sou novo em TypeScript e encontrei um problema ao trabalhar com enum. Tenho uma enumeração de status de pedido:
```typescript
enum OrderStatus {
Pending = 'pending',
Processing = 'processing',
Shipped = 'shipped',
Delivered = 'delivered',
Cancelled = 'cancelled'
}
```
Preciso exibir esses status em um dropdown (select) em um componente React. Para isso, preciso de um array de objetos como:
```typescript
[
{ label: 'Pending', value: 'pending' },
{ label: 'Processing', value: 'processing' },
// ... e assim por diante
]
```
Tentei usar `Object.values(OrderStatus)`, mas isso retorna apenas os valores ('pending', 'processing', etc.). Preciso obter tanto as chaves (como label) quanto os valores.
Tentei este código:
```typescript
const statusArray = Object.entries(OrderStatus).map(([key, value]) => ({
label: key,
value: value
}));
```
Mas ele retorna um array com entradas duplicadas: `[{label: 'Pending', value: 'pe