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

Question

我运行命令 ionic generate pages/login 但我返回此错误

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

Answer 1

您必须在 eg 中创建一个新文件src/pages/（例如使用 name 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 />

希望这仍然可以帮助某人