反応クラスの関数のTypeScriptインターフェイスを定義する方法は？

Question

私のMessageDialog内でSectionListへの紹介をthis.SectionListに保存します。 31行目でSectionListを許可するようにインターフェースを定義しようとしましたが、それは効果がありません。私は何をすべきか？ MessageDialog.tsx(132,38): error TS2339: Property 'SectionList' does not exist on type 'SkademeldingDialog'

29 interface IComponentProps { 
30 navigation: NavigationScreenProp<any, any>; 
31 SectionList: any; // I tried to add SectionList here, but that did not work. 
32 } 
33 
34 interface IDispatchToProps { 
35 requestHendelsesvelger: RequestHendelsesvelgerInterface; 
36 requestProsessguide: RequestProsessguideInterface; 
37 } 
38 
39 type Props = IComponentProps & IDispatchToProps; 

121 class MessageDialog extends React.Component<Props> { 

128 public render() { 
129 
130  return (
131  <SectionList 
132   ref={(sectionlist) => { this.SectionList = sectionlist; }} 
137  > 
138  </SectionList> 

Answer 1

Propsタイプではないコンポーネントインスタンス自体は、あなたがそこにSectionListを追加しないでください、あなたのコンポーネントでthis.propsを入力することです：

活字体は、と文句を言い。それはクラスのプロパティである必要があります。

class MessageDialog extends React.Component<Props> { 
    private sectionList: SectionList; 
    public render() { 

    return (
     <SectionList 
     ref={(sectionlist) => { this.sectionList = sectionlist; }} 
     > 
     </SectionList>