ionic-framework - 找不到名称“RouteComponentProps”。TS2304

Question

我只是尝试按照说明从 ionic x react 文档构建待办事项应用程序，但是当我尝试要求时出现此错误（查看图片） 这是我的代码，有人看到我用错误的方式做了什么吗？

import { IonContent,
     IonHeader,
     IonPage,
     IonTitle,
     IonToolbar,
     IonList,
     IonItem,
     IonCheckbox,
     IonNote,
     IonLabel,
     IonBadge,
     IonFab,
     IonFabButton,
     IonIcon} from '@ionic/react';
import React from 'react';
import { add } from 'ionicons/icons';

const Home: React.FC<RouteComponentProps> = (props) => {
  return (
    <IonPage>
      <IonHeader>
        <IonToolbar>
          <IonTitle>Awema</IonTitle>
        </IonToolbar>
      </IonHeader>
      <IonContent className="ion-padding">
        <IonList>
          <IonItem>
            <IonCheckbox slot="start" />
            <IonLabel>
              <h1>Create Idea</h1>
              <IonNote>Run Idea by Brandy</IonNote>
            </IonLabel>
            <IonBadge color="success" slot="end">
              5 Days
            </IonBadge>
          </IonItem>
        </IonList>
        <IonFab vertical="bottom" horizontal="end" slot="fixed">
          <IonFabButton onClick={() => props.history.push('/new')}>
            <IonIcon icon={add} />
          </IonFabButton>
        </IonFab>
      </IonContent>
    </IonPage>
  );
};

export default Home;

Answer 1

您的应用找不到 RouteComponentProps。您可以将它们导入您的应用程序：

import { RouteComponentProps } from "react-router-dom";

Answer 2

你需要定义RouteComponentProps

例如：

type RouteComponentProps = {
   className?: string,
   style?: React.CSSProperties
   name: string
}

export const Home: React.FC<RouteComponentProps> = // ...