FlatList Typescript 错误缺少 function 上的返回类型

Question

我试图在平面列表中的 renderItem={({ item }) 上使用接口，但每当我尝试时，我都会遇到同样的错误。

“function 上缺少返回类型。eslint（@typescript-eslint/explicit-function-return-type）”

我该如何输入？

  export function Notifications(): JSX.Element {

interface INotificationsProps {
  id: number;
  title: string;
  description: string;
  link: string;
}

interface INotificationsObject {
  event: INotificationsProps[];
}

      let datas: INotificationsObject = {
        event: [
          {
            id: 1,
            title: 'Missa de Santo Antônio',
            description:
              'Si osculantur puorhuus aut unexem tuam osculun, non dico qued omnia quan sunt hominiset sic non tangebur, si aut ex eis meriatur.',
            link: 'www.google.com.br',
          },
          {
            id: 2,
            title: 'Bazar Beneficente',
            description:
              'Si osculantur puorhuus aut unexem tuam osculun, non dico qued omnia quan sunt hominiset sic non tangebur, si aut ex eis meriatur.',
            link: 'www.google.com.br',
          },
        ],
      };
    
      return (
        <Fragment>
          <FlatList
            data={datas.event}
            renderItem={({ item }) => (
              <ContainerNotifications>
                <TitleNotification>{item.title}</TitleNotification>
                <DescriptionNotification>
                  {item.description}
                </DescriptionNotification>
    
                <SeeMore>Ver mais</SeeMore>
              </ContainerNotifications>
            )}
          />
        </Fragment>
      );
    }

Answer 1

在参数列表之后，您可以放置 function 的返回类型。

({ item }): JSX.Element => (<ContainerNotifications>...)