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

Question

我运行命令离子生成pages/login但是我return这个错误

由于您使用的是 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 />

希望这仍然对某人有所帮助

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

How to create a new page on Ionic with react?

html

reactjs

ionic-react