我只是尝试按照说明从 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;
最佳答案
您的应用程序找不到 RouteComponentProps。您可以将它们导入您的应用程序:
import { RouteComponentProps } from "react-router-dom";
关于ionic-framework - 找不到名称 'RouteComponentProps' 。 TS2304,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60019698/