html - 如何使用 react 在 Ionic 上创建一个新页面？

Question

我运行命令 ionic generate pages/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 />希望这仍然可以帮助某人