如何繼承 typescript 中的 React SectionList prop 類型？

Question

我正在圍繞SectionList創建一個包裝器，它應該包含 SectionList 需要的所有道具，加上我的自定義道具。 我該如何配置 typescript？

這是我的嘗試：

import React from 'react';
import { SafeAreaView, SectionList } from 'react-native';

interface EnhancedSectionListProps {
  ...SectionListProps;   // this obviously won't compile, but shows what I'm trying to achieve
  enhancedProp: string;
}

export const EnhancedSectionList = (props: EnhancedSectionListProps) => {
  return (
    <SafeAreaView>
      <SectionList {...props} />
      // use my `enhancedProp` here
    </SafeAreaView>
  );
};

PS：我們沒有使用prop-types庫。

Answer 1

要完成任務，您需要擴展接口。 例如：

interface EnhancedSectionListProps extends SectionListProps {
  enhancedProp: string;
}