问题标签 [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.
ionic-framework - 在验证离子反应时重定向/渲染不同的组件
我是相当新的 Ionic React 并尝试使用 Ionic 框架创建应用程序。我有一个用例,我想在按下按钮并从函数验证时重定向到另一个页面。
这是我正在使用的组件
如何从handleLoginButtonPress
单击登录按钮时调用的函数重定向到另一个页面。我尝试阅读 ionic 文档,但这并没有帮助,因为只要单击按钮或单击 IonLabel 之类的 IonElement,它就会重定向。
ionic-framework - 从登录和注册页面隐藏 IonMenu
在那里,我正在使用 Ionic 构建一个应用程序,并以 react 和 firebase 作为后端。我正在尝试从登录和注册页面隐藏侧面菜单(IonMenu)。
我对编程有点陌生,所以我有点迷路了。有人能把我引向正确的方向吗?
这是我的 App.tsx 文件
user-interface - 用于移动应用程序的 Ionic React - 使用超出屏幕的元素进行水平滚动
我正在使用 Ionic React 构建移动应用程序。我想创建一个超过屏幕宽度的水平滚动组件来显示类别。我似乎找不到合适的 Ionic 组件来使用它。
有什么帮助吗?
reactjs - 在 Ionic React 中隐藏登录屏幕上的选项卡
我从 cli 创建了一个带有选项卡启动器模板的 ionic react 应用程序,并向现有结构添加了登录功能。
我做了什么 :
应用程序.tsx
问题是我在登录屏幕上看到了所有选项卡。我希望标签仅在用户登录后显示。
工作演示在这里
reactjs - URL 更改但页面新页面未呈现 Ionic React ,具有历史记录的 IonReactRouter
我正在使用带有 React 和 Redux 的 Ionic 5 编写应用程序。在成功登录尝试后,我正在尝试导航到新页面 /tabs/home。当我从后端获得成功响应时,我试图通过将新 URL 推送到反应路由器历史记录道具上来做到这一点。这是因为它将 url 从 /login 更改为 /tabs/home 但仍然显示登录页面。
索引.tsx
应用程序.tsx
登录.tsx
登录动作
reactjs - 如果组件从 / 重定向,离子反应组件不会在(Hooks)状态更改时重新渲染
我正在构建一个 Android Ionic React 应用程序,即使在网上尝试了多种解决方案后,我也遇到了下面的问题,为长篇文章道歉。托管在https://stackblitz.com/edit/ionic-react-tabs-gvcbpq中的源代码
我有一个主组件,它定义了几条路线和 IonTab,
当用户点击/
或登录后,主要组件重定向到 /order
并且我在这里遇到重新渲染问题,我希望组件在更新showModel
或currentIndex
更新时重新渲染,但它不会发生。不幸的是,如果我手动刷新相应href
的例如htpp://localhost:8080/order
运行良好,但当控制从/
它重新路由时不起作用。
PS:我尝试过使用useeffect
,history.push
但这对我也没有帮助。
javascript - 在 ionic reactjs 组件中返回一个对象数组
我有这个在我的主文件中调用的组件,这个组件显示所有数据,数据返回一个数组
错误是这样的:
在宣布书单的某个地方。我是新手,所以有点难以理解主要问题是什么,我试图寻找任何解决方案,但找不到我理解的明确明确的解决方案。
ionic4 - Ionic React - 点击 FCM 通知时导航到页面
我正在 Ionic React 应用程序中实现 FCM 通知。我无法导航到另一个页面以显示通知详细信息。
我FCMService
在我的 react App 中创建了一个类,并在index.ts
文件中对其进行了初始化。
// FCMService.ts
然后是 index.ts
我什至尝试使用 Redux 商店将通知保存在 Tap - 然后发布通知更改事件(这可能有效 - 如果我可以访问文件useHistory()
中的挂钩App.tsx
)
这是我通过 Redux 商店导航的尝试App.tsx
reactjs - 如何在 Ion React 中将侧边菜单与选项卡导航相结合
我在 ionic react 应用程序中有一个标签导航页面,我想在这个页面上添加一个侧边菜单,我知道我必须使用 IonMenu 组件,但我正在努力合并两者。这是我的代码,指示我如何实现我的标签导航:
我需要知道如何向此页面添加侧边菜单以及如何添加按钮,以便当我单击它时,该按钮将打开侧边菜单