DEV Community

Hasan TEZCAN
Hasan TEZCAN

Posted on

Generic typing a hash-map with dynamic key and T array

#typescript #json #hashmap

I have a JSON like this. I need an add a type of this JSON. As you can see this is a hash-map structure let's see how we declare the hash-map interface in typescript.

hash-map json example

I declared this hash-map in my useState like that.

  const [faqCategories, setFaqCategories] = useState<FAQ[]>([]);
Enter fullscreen mode Exit fullscreen mode

We are declaring hash-map like that in typescript.

export interface FAQ {
  [key: string]: Category[];
}
Enter fullscreen mode Exit fullscreen mode

The whole type system like this for this JSON.

export interface Question {
  question: string;
  answer: string;
}
export interface Category {
  categoryName: string;
  iconName: string;
  questions: Question[];
}

export interface FAQ {
  [key: string]: Category[];
}
Enter fullscreen mode Exit fullscreen mode

Source: https://stackoverflow.com/a/52913569/10694425

Top comments (0)

Read next

aelassas profile image

Functional Programming in TypeScript

aelassas -

naveedahmed profile image

Incremental Hydration in Angular 19: Take Your App’s Performance to the Next Level

Naveed Ahmed -

nlea profile image

Handling Asynchronous Tasks in Cloudflare Workers – Part 1: Essentials for a Single Worker

Nele Lea -

turingvangisms profile image

property 'target' does not exist on type 'HTMLInputElement'

Turing -