Как получить доступ к интерфейсу вложенных данных в React TypeScript - PullRequest
Новая
       13

Как получить доступ к интерфейсу вложенных данных в React TypeScript

1 голос
/ 19 апреля 2020

В React TypeScript, как правильно обращаться к данным во вложенном интерфейсе, как показано ниже? 

export interface School {
  prices: Array<{
    state: {
      response_header?: {
        school_type_opportunities?: Array<{ benefit_type_opportunity?: string }>;
        school_alternative_products?: Array<{
          school_alternative_cost_share_incentive?: string;
          school_alternative_description?: string;
          school_alternative_id?: string;
          school_attendance_required?: Array<{
            school_attendance_location?: string;
            school_attendance_blabla?: string;
            school_attendance_blabla2?: string;
          }>;
        }>;

Я хочу получить доступ к:

  • school_type_opportunities
  • school_alternative_description
  • school_attendance_location

1 Ответ

0 голосов
/ 19 апреля 2020

TypeScript является просто типобезопасным JavaScript, т. Е. Вы примените те же методологии и найдете, например, 

const schoolTypeOportunities =
  School.prices[x].state.response_header.school_type_opportunities;

Поскольку prices имеет тип Array здесь (и в зависимости от вашего приложения ) вам нужно знать, какой индекс является релевантным, и изменить x. В качестве альтернативы, если несколько, вы можете найти map, filter или reduce удобным для извлечения нужных вам предметов.

...