Объявление реквизитов интерфейса

#reactjs #typescript #interface #typeerror

Вопрос:

Я новичок в Typescript и застрял с некоторыми реквизитами интерфейса. есть ошибка, в которой говорится, что «Свойство» службы «не существует в типе» Встроенные атрибуты и АккордионПропы []«, я не понимаю, потому что вижу службы в объявлении интерфейса, так что моя голова сейчас потеряна.

Вот основной компонент, вызывающий компонент BusinessPage:

 <BusinessPage services={services} />
 

а вот компонент BusinessPage.tsx:

   export interface AkkordionListProps {
  services: {
    name: string
    services: {
      name: string
      content: string
      link: string
    }[]
  }
}

export interface AkkordionProps {
  services: AkkordionListProps[]
}

export const BusinessPage = (services: AkkordionProps[]): JSX.Element => {}
 

Спасибо 🙂

Ответ №1:

BUsinessPage является компонентом реакции. React всегда ожидает объект в качестве опоры, а не массива:

 import React from 'react'

export interface AkkordionListProps {
    services: {
        name: string
        services: {
            name: string
            content: string
            link: string
        }[]
    }
}

export interface AkkordionProps {
    services: AkkordionListProps[]
}

export const BusinessPage = (props: AkkordionProps): JSX.Element => {
    return <div></div>
}
 

Игровая площадка