SectionList を入力する適切な方法は何ですか? これが機能するバグに遭遇しました(ドキュメントの例から):
<SectionList
renderItem={({item, index}) => <Text key={index}>{item}</Text>}
renderSectionHeader={({section: {title}}) => (
<Text style={{fontWeight: 'bold'}}>{title}</Text>
)}
sections={ticksData}
keyExtractor={(item, index) => item + index}
/>;
しかし、これはしません:
const renderSectionHeader=({section: {title}}) => (
<Text style={{fontWeight: 'bold'}}>{title}</Text>
);
return (
<SectionList
renderItem={({item, index}) => <Text key={index}>{item}</Text>}
renderSectionHeader={renderSectionHeader}
sections={ticksData}
keyExtractor={(item, index) => item + index}
/>;
次のエラーが表示されます。
プロパティ「renderSectionHeader」のタイプに互換性がありません。タイプ '({ section: { title } }: { section: { title: any; }; }) => Element' はタイプ '(info: { section: SectionListData; }) => ReactElement' に割り当てられません。パラメーター '__0' と 'info' の型に互換性がありません。タイプ '{ section: SectionListData; }' はタイプ '{ section: { title: any; }; }'。プロパティ 'section' のタイプに互換性がありません。タイプ 'SectionListData' はタイプ '{ title: any; に割り当てられません。}'。タイプ「SectionListData」にプロパティ「タイトル」がありません。