问题标签 [ionic-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1210 浏览

ionic-framework - 在验证离子反应时重定向/渲染不同的组件

我是相当新的 Ionic React 并尝试使用 Ionic 框架创建应用程序。我有一个用例,我想在按下按钮并从函数验证时重定向到另一个页面。

这是我正在使用的组件

如何从handleLoginButtonPress单击登录按钮时调用的函数重定向到另一个页面。我尝试阅读 ionic 文档,但这并没有帮助,因为只要单击按钮或单击 IonLabel 之类的 IonElement,它就会重定向。

0 投票
0 回答
41 浏览

ionic-framework - 从登录和注册页面隐藏 IonMenu

在那里,我正在使用 Ionic 构建一个应用程序,并以 react 和 firebase 作为后端。我正在尝试从登录和注册页面隐藏侧面菜单(IonMenu)。

我对编程有点陌生,所以我有点迷路了。有人能把我引向正确的方向吗?

这是我的 App.tsx 文件

0 投票
3 回答
649 浏览

user-interface - 用于移动应用程序的 Ionic React - 使用超出屏幕的元素进行水平滚动

我正在使用 Ionic React 构建移动应用程序。我想创建一个超过屏幕宽度的水平滚动组件来显示类别。我似乎找不到合适的 Ionic 组件来使用它。

有什么帮助吗?

0 投票
1 回答
1766 浏览

reactjs - Ionic/React/TypeScript,使用 react-router history.push、history.replace 和 history.goBack 动画触发两次

所以基本上我正在开发一个 Ionic/React Typescript 应用程序,当我浏览该应用程序时,会出现两次奇怪的页面转换(参见下面的 gif)

我检查了一下,它不是调用两次的渲染,因为 componentWillMount/didMount/willUnmount 都像推送页面和推送页面一样触发一次。

如您所见,转换总是发生两次,并且在任何地方都找不到解决方案...使用的版本:- Ionic:5.2.1 - React:16.9.0(npm 包)-Typescript 3.6.3(npm 包)

这是单击按钮时带有“版本”标题的页面:

0 投票
2 回答
2582 浏览

reactjs - 在 Ionic React 中隐藏登录屏幕上的选项卡

我从 cli 创建了一个带有选项卡启动器模板的 ionic react 应用程序,并向现有结构添加了登录功能。

我做了什么 :

应用程序.tsx

问题是我在登录屏幕上看到了所有选项卡。我希望标签仅在用户登录后显示。

工作演示在这里

0 投票
3 回答
1632 浏览

reactjs - URL 更改但页面新页面未呈现 Ionic React ,具有历史记录的 IonReactRouter

我正在使用带有 React 和 Redux 的 Ionic 5 编写应用程序。在成功登录尝试后,我正在尝试导航到新页面 /tabs/home。当我从后端获得成功响应时,我试图通过将新 URL 推送到反应路由器历史记录道具上来做到这一点。这是因为它将 url 从 /login 更改为 /tabs/home 但仍然显示登录页面。

索引.tsx

应用程序.tsx

登录.tsx

登录动作

0 投票
1 回答
387 浏览

reactjs - 如果组件从 / 重定向,离子反应组件不会在(Hooks)状态更改时重新渲染

我正在构建一个 Android Ionic React 应用程序,即使在网上尝试了多种解决方案后,我也遇到了下面的问题,为长篇文章道歉。托管在https://stackblitz.com/edit/ionic-react-tabs-gvcbpq中的源代码

我有一个主组件,它定义了几条路线和 IonTab,

当用户点击/或登录后,主要组件重定向到 /order并且我在这里遇到重新渲染问题,我希望组件在更新showModelcurrentIndex更新时重新渲染,但它不会发生。不幸的是,如果我手动刷新相应href的例如htpp://localhost:8080/order运行良好,但当控制从/它重新路由时不起作用。

PS:我尝试过使用useeffecthistory.push但这对我也没有帮助。

0 投票
1 回答
1033 浏览

javascript - 在 ionic reactjs 组件中返回一个对象数组

我有这个在我的主文件中调用的组件,这个组件显示所有数据,数据返回一个数组

错误是这样的:

错误

在宣布书单的某个地方。我是新手,所以有点难以理解主要问题是什么,我试图寻找任何解决方案,但找不到我理解的明确明确的解决方案。

0 投票
2 回答
791 浏览

ionic4 - Ionic React - 点击 FCM 通知时导航到页面

我正在 Ionic React 应用程序中实现 FCM 通知。我无法导航到另一个页面以显示通知详细信息。

FCMService在我的 react App 中创建了一个类,并在index.ts文件中对其进行了初始化。

// FCMService.ts

然后是 index.ts

我什至尝试使用 Redux 商店将通知保存在 Tap - 然后发布通知更改事件(这可能有效 - 如果我可以访问文件useHistory()中的挂钩App.tsx

这是我通过 Redux 商店导航的尝试App.tsx

0 投票
2 回答
3412 浏览

reactjs - 如何在 Ion React 中将侧边菜单与选项卡导航相结合

我在 ionic react 应用程序中有一个标签导航页面,我想在这个页面上添加一个侧边菜单,我知道我必须使用 IonMenu 组件,但我正在努力合并两者。这是我的代码,指示我如何实现我的标签导航:

我需要知道如何向此页面添加侧边菜单以及如何添加按钮,以便当我单击它时,该按钮将打开侧边菜单