问题标签 [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.
reactjs - 如何在真实设备上运行离子反应应用程序？
嗨，我真的很高兴看到，ionic 现在支持 React 脚本，当我尝试在真实设备中运行 Ionic react 应用程序时，它显示了一些我无法解决的错误。
我努力了 ，
离子科尔多瓦运行android
npx cap 打开 android
它说需要打开Android Studio，但我尝试的是在真实设备上运行该应用程序
有什么解决办法吗？
reactjs - 是否可以仅通过 CLI 在 Ionic 4 - (React) 中创建 apk？
我想为 Ionic-React 应用程序生成一个 apk，只使用命令行。
我可以使用 Ionic Capacitor 通过 Android-Studio 制作 apk，但我想纯粹使用 CLI 来生成相同的 apk。这可能吗？谢谢。
reactjs - IonReactRouter 不渲染 IonPage
我是 ionic-react 框架的新手，到目前为止我很喜欢它。但现在我遇到了一个问题。当我使用“IonReactRouter”时，它说我的页面必须在 IonPage 组件内，尽管它确实如此。我试过删除复合 div 但仍然没有。任何帮助表示赞赏。. .
android - 为 android 构建 ionic/react - 无效的项目类型“react”
我正在使用@ionic/react它来构建一个 Android 应用程序。一切正常，但我似乎无法构建它的 android 版本。
命令
$ ionic build$ ionic serve$ ionic integrations enable capacitor$ ionic cap add android$ ionic cap open android
都给我错误信息：
我是否正确解释了@ionic/react尚未完全支持的内容？
我很困惑，以为我@ionic/react之前为android构建了一个-app。
一直在关注这个文档：https ://ionicframework.com/docs/react/your-first-app
我的ionic.config.json：
来自的重要依赖项package.json：
reactjs - 如何动态定位 IonPopover 以从按钮显示？
当单击该按钮时，我正在尝试定位一个弹出框以显示在该按钮下方。Ion 文档页面上就是一个例子。
但是，React 中不提供此代码，仅在 Angular 中提供。
目前我的代码看起来像这样
弹出框由其上方的按钮切换。按下按钮时，弹出框出现在页面中间，而不是按钮上方。如何更改此选项以使弹出框显示在按钮上？（如图片）
谢谢
javascript - 如果日期等于今天，请添加徽章。React JS 和 Ionic
我试图example: <IonBadge color="primary">New</IonBadge>在等于“今天”的<IonCardHeader>情况下添加一个“新”徽章。(job.createdAt)
你会建议我怎么做？
日期如 in，当前日期，而不是字符串。
我正在使用 Ionic React v4。
卡片功能如下。
非常感谢您的见解！！
ionic-framework - Ionic 4 (React) 中的全局工具栏重叠 IonContent
我刚刚从 React 和 Flutter 背景开始掌握 Ionic。
我正在尝试使用 Ionic 4 react 实现全局导航顶部栏。唯一看起来可能有效的文档是 IonHeader。
我试图将它添加到我的根 App.tsx 组件中，但这似乎没有按预期工作。Toolbar 组件的高度不被其他组件识别。即，工具栏与页面内容重叠。
尝试来自 App.tsx 的全局工具栏：
仪表板 A 组件：
我能看到的唯一解决方法是在每个页面的 IonHeader 中导入和使用导航栏，但事情看起来真的很笨重。有没有办法在 App.tsx 中引用工具栏？我很欣赏有明显的 CSS hack 来填充，但如果有一种“正确”的做法，我不想走这条路。
谢谢！
html - 如何使用 React 在 Ionic 上创建新页面？
我运行命令 ionic generate pages/login 但我返回此错误
由于您使用的是 React 项目类型，因此此命令将不起作用。Ionic CLI 不知道如何为 React 生成框架组件
reactjs - Ionic 4 在 android 5.1 上反应白屏
chrome开发者错误1
通过电容器工作构建 apk将在 android 7 中，但在 android 4.4、5.1 和 6 中显示白屏
reactjs - 减速器在 IonRouterOutlet 内无法正常工作
这是我的 Ionic4 应用程序的主要组件（“PrivateRoute”组件来自 react-router-private）：
这是我的 LoginPage 组件：
LoginPage里面的Login组件，只是一个表单，没有必要详细介绍。“setLogged”操作仅保存带有用户数据和会话令牌的 JSON，并将“isLogged”变量从 reducer 更改为“true”。此操作运行正常。
我遇到的问题如下。当用户登录时，“LoginPage”组件正确检测到状态变量“userLogged.isLogged”变为“true”，因此将其渲染<Redirect>到“Dashboard”组件，但“Dashboard”组件的受保护路径没有检测到它（至少看起来如此）。如果我将受保护的路线放在“IonRouterOutlet”之外，它就可以完美运行。但我需要它位于“IonRouterOutlet”内，因为我需要访问 Ionic 页面的事件（useIonViewDidEnter）。我怎样才能解决这个问题？通过从“IonRouterOutlet”中正确操作受保护的路由，或以某种方式模拟“useIonViewDidEnter”。
我已经尝试了以下受保护的路线：
提前致谢