相关疑难解决方法(0)

Ionic React 4.11:如何在导航中推送和弹出 (IonNav)

我是 Ionic 的新手。我刚刚在本地系统上安装了新发布的 Ionic React 4.11 ( https://ionicframework.com/blog/annoucing-ionic-react/ )。但是在某些组件上找不到合适的文档。此文档页面不包含任何使用示例。

我需要一些帮助来实现下面给出的链接中显示的导航示例。

https://ionicframework.com/docs/api/nav

在此处输入图片说明

任何人都可以指导如何在 Ionic React 中实现相同的示例。

我在这里找到了示例代码:https : //github.com/ionic-team/ionic-docs/blob/master/src/demos/api/nav/index.html

但它是纯 JavaScript,所以我尝试将其转换为 React 格式。但不确定如何在 React 中转换相同的示例代码。只有 Pending 部分是在单击任何项​​目时注入相关的 NavDetail 组件。请参阅随附的屏幕截图,我能够实现多少。

在此处输入图片说明

const techs = [
    {
        'title': 'Angular',
        'icon': 'angular',
        'description': 'A powerful Javascript framework for building single page apps. Angular is open source, and maintained by Google.',
        'color': '#E63135'
    },
    {
        'title': 'CSS3',
        'icon': 'css3',
        'description': 'The latest version of cascading stylesheets - the styling language of the web!',
        'color': '#0CA9EA' …
Run Code Online (Sandbox Code Playgroud)

reactjs ionic-framework ionic4

5
推荐指数
1
解决办法
3845
查看次数

标签 统计

ionic-framework ×1

ionic4 ×1

reactjs ×1