Typescript: Extracting data from enum items using types

Question

Typescript: Extracting data from enum items using types

I am facing a challenge with an enum type called Currency. I am unable to modify it because it is automatically generated in a graphql schema. However, I need to utilize it for my data but I'm unsure of how to go about doing so.

enum Currency {
  rub = 'RUB',
  usd = 'USD',
  eur = 'EUR',
}

const data: { currency: Currency[keyof typeof Currency] } = {
  currency: 'RUB',
};

Issues:

TS2339: Property 'eur' does not exist on type 'Currency'.
TS2339: Property 'rub' does not exist on type 'Currency'.
TS2339: Property 'usd' does not exist on type 'Currency'.

typescript

Answer 1

Answer №1

It may be challenging to achieve the exact task you are aiming for, but a potential approach could be as follows:

const info: { type: Type } = {
  type: Type.blue,
};

This is a common way enums are utilized (by directly specifying the enum when accessing its values).

Answer 2

It may be challenging to achieve the exact task you are aiming for, but a potential approach could be as follows:

const info: { type: Type } = {
  type: Type.blue,
};

This is a common way enums are utilized (by directly specifying the enum when accessing its values).

Typescript: Extracting data from enum items using types

Answer №1

Similar questions

The default value of components in Next.js

Is there a way to automatically close the previous accordion when scrolling to a new one on the page?

Retrieving information from a .json file using TypeScript

Using Next.js and Tailwind CSS to apply a consistent pseudo-random color class both on the server and client side

What is the syntax for implementing React.forwardRef in a dynamic Anchor or Button component?

Create a reusable React component in Typescript that can handle and display different types of data within the same

Setting style based on the condition of the router URL

Display an image in an Angular application using a secure URL

Obtain the parameters of a function within another function that includes a dynamic generic

issues arise post-transpilation with creating errors

Acquire request data prior to exiting function in React

Incorporate a background image into mat-dialog

Declarations for TypeScript in NPM packages

Upon initializing an Angular project from the ground up, I encountered an issue where a custom pipe I had created was not

Enhance the capabilities of a basic object by incorporating a superclass through the creation of

The functionality of CDK Drag Drop is not accurately adjusting the placement of images

What are the steps to lift non-React statics using TypeScript and styled-components?

Ways to incorporate conditional checks prior to running class methods

The post request is successful in Postman and cURL, however, it faces issues when executed in Angular

How can the NavBar be refreshed once a user logs in?