如何使用 React 在 Ionic 上创建新页面？

Question

我运行命令 ionicgeneratepages/login 但返回此错误

由于您使用的是 React 项目类型，因此此命令将不起作用。Ionic CLI 不知道如何为 React 生成框架组件

Answer 1

您必须在 例如 中创建一个新文件src/pages/（例如名称为xy.tsx），其中包含以下内容：

import React from "react";
import {IonPage} from "@ionic/react";
const PageXY: React.FC = () => {
    return (
        <IonPage>
            ...
        </IonPage>
    );
};

export default PageXY;

在你的App.tsx又名路由器中你必须导入它import PageXY from "./pages/xy"; 并将其连接到路由器，如下所示：<Route path="/xy" component={PageXY} exact />

希望这仍然可以帮助某人