2

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」にプロパティ「タイトル」がありません。

4

1 に答える 1