问题标签 [ionic-react]

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

这是我正在使用的组件

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

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

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

这是我的 App.tsx 文件

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

有什么帮助吗？

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

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

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

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

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

我做了什么 ：

应用程序.tsx

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

工作演示在这里

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

索引.tsx

应用程序.tsx

登录.tsx

登录动作

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

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

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

PS：我尝试过使用useeffect，history.push但这对我也没有帮助。

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

错误是这样的：

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

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

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

// FCMService.ts

然后是 index.ts

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

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

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

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