How about this: "Imagine having a Record<string, string> in which all keys are strings except for one key that is

Question

How about this: "Imagine having a Record<string, string> in which all keys are strings except for one key that is

I need to define a TypeScript type in the following format:

type Route = 
  Record<string, string> & { buildUrl: (params: Record<string, string>) => string }

An example object of this type would be:

const route: Route = {
  base: 'dashboard',
  section: ':sectionId',
  tab1: 'overview',
  tab2: 'settings',
  buildUrl: ({ sectionId, tab }) => `/dashboard/${sectionId}/${tab}`,
}

Multiple instances of these Route objects will exist, each with their own unique keys and buildUrl function.

Is there a way to create a type that permits this structure? Any guidance is appreciated.

typescript

Answer 1

Answer №1

There may not be a straightforward way to achieve this, but consider implementing the following approach:

const Navigation = {
  segments: Record<string, string>,
  generateUrl: (options: Record<string, string>) => string
};

Answer 2

There may not be a straightforward way to achieve this, but consider implementing the following approach:

const Navigation = {
  segments: Record<string, string>,
  generateUrl: (options: Record<string, string>) => string
};

How about this: "Imagine having a Record<string, string> in which all keys are strings except for one key that is

Answer №1

Similar questions

Error: Identifier 'LibraryManagedAttributes' is already in use

What are the steps to troubleshoot server-side TypeScript code in NextJS with WebStorm?

Error: The template is unable to parse due to unrecognized element 'mat-label'

Changing the global type in TypeScript

Combining Vue with Typescript and rollup for a powerful development stack

Ways to help a child notice when a parent's variable changes

How can NodeJS retrieve objects with dynamic child properties from MongoDB?

What is the purpose of importing a module in app.module.ts? And what specifically happens when importing classes one by one in the

After the transition from Angular 8 to Angular 9, an issue arose with the node_modules/@zerohouse/router-tab/zerohouse-router-tab.d.ts file, as it was not declared

Access the Angular application directly from the email

Looking to merge two components into one single form using Angular?

Using Angular's dependency injection in a project that has been transpiled with Babel

Error message indicating a problem with global typings in Angular 2 when using Webpack is displayed

Converting a cast method into a function in Typescript

What could be the reason for `process.env.myvariable` not functioning in a Next.js project with TypeScript

Ditch the if-else ladder approach and instead, opt for implementing a strategic design

Every time I execute my program, it consistently displays a 500 error message when using both the POST and GET

Execute different commands based on operating system using NPM conditional script for Windows and Mac

Exploring the versatility of string types in TypeScript

Transforming various date formats into the en-US format of mm/dd/yyyy hh:mm:ss can be accomplished through JavaScript