我試圖在 flatlist 的 renderItem={({ item }) 上使用介面,但是每當我嘗試時,我都會遇到相同的錯誤。
“缺少函式的回傳型別。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>
);
}
uj5u.com熱心網友回復:
在引數串列之后,您可以放置??函式的回傳型別。
({ item }): JSX.Element => (<ContainerNotifications>...)
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/398855.html
