问题标签 [ionic-react]

我想ion-split-pane在应用程序显示在桌面（或大屏幕）上时显示

并切换到ion-tabs当应用程序显示在手机上时。

这可能吗？我在 React 上使用 Ionic

我正在尝试使用电容器实现本地通知。

首先我使用以下命令安装插件，

然后在我的 .js 文件中，我确实添加了以下代码

和

}

我尝试了所有方法，但在运行 iOS 12 的 iPhone 6s 上看不到任何本地通知。当我检查 Xcode 日志时，我可以看到 id 为 1 的计划通知。

我正在尝试从 json 中检索一些数据，以便稍后在图表中使用。

我的问题是使用useState，它让我永远不会输入数据，所以我无法访问字段。

当我打印console.log时，名称会导致错误，因为“从不”类型上不存在属性“名称”。

我该如何解决这个问题？

编辑：我正在使用打字稿

我在 Ionic React 中有一个标签栏，它应该显示在某些页面上而不是其他页面上。我最近升级到 Ionic React 5.0.7，从那以后我的标签就停止工作了。具体来说，尽管单击选项卡会更改 URL，但它并不能可靠地更改呈现的页面，而是显示相同的页面。（出于某种奇怪的原因，从 Profile 中单击 Discover 有效，但反之亦然。）尽管如此，我导航到的页面中的控制台消息仍然出现，即使没有任何可视组件出现。如果我刷新页面，则会呈现正确的页面。

我认为我的代码与示例Ionic React Conference App非常相似，所以我很困惑这里发生了什么。

它在 @ionic/react 和 @ionic/react-router 版本 0.0.10 中正常工作，但在 4.11.10、5.0.5 或 5.0.7 中不能正常工作。

TabBar.tsx：

应用程序.tsx：

findDOMNode 在 StrictMode 中已弃用。findDOMNode 传递了一个 IonApp 实例，该实例位于 StrictMode 内

在 react 项目中使用任何 IONIC UI 组件（如 IonApp 或 IonButton）时出现此错误。此外，删除严格模式也会引发错误。

但是，使用 ionic ion-app 标签而不是 IONAPP 不会引发此错误！

几天来我一直在努力使用我认为简单且可重复使用的设置：

我正在使用Ionic 5 + React构建一个应用程序，它有一种新闻提要，多种内容汇集在一起​​。但与 Facebook 不同，它对每种内容（如事件、新闻等）都有不同的部分。

它们的行为都相似：每个部分都有一个标题，显示前 n 个项目，然后是“显示更多”链接。当然，单击这些项目之一会立即将用户带到详细信息页面。但是单击“显示更多”应该将用户带到一个页面，该页面只有扩展形式的特定列表（而不是假设前 3 个项目应该有 50 个，当到达该列表的末尾时，它应该加载下一个 50等等）。

因为提供每种内容的 API 使用不同的结构，所以嵌入了“部分组件sourceFn”的页面将两个函数 ,和mapFn, 传递给该组件。sourceFn处理该 n 项的加载，同时mapFn获取一个项并将该 API 数据结构映射到重用部分组件呈现其列表项所需的字段。

到目前为止一切顺利，它有效。但我被困在“显示更多”链接上。因为这里嵌入部分重定向到另一个页面，动态显示展开列表，所以需要知道对应的两个函数sourceFn和mapFn。我尝试了很多方法（如https://stackoverflow.com/a/52064362），但每一个都失败了。有时它说某个地方props是未知的，但主要是因为DataCloneError: The Object could not be cloned

我为每一个提示感到高兴，如何做到（或做得更好）

以下是我尝试过的一些方法：（请在评论中告诉我，是否发布更多代码。我不想发送垃圾邮件 0:)）

和路线App.tsx：

也很简单

I am using Ionic React to build an application that communicates to the fitness data of the user using the ionic Cordova health plugin, but does not seems to work.

The code seems to have authorisation but when I try execution it gives an error cannot connect to google fit. The output in chrome inspect for android device is as follows:

Any help shall be greatly appreciated.

如果我们在 ionic-react 中编写 jsx 语法会发生什么？是state={}对象并且props在 .tsx 文件中有效。我使用 .jsx 文件而不是 .tsx 创建前端，它会不会在部署中造成麻烦，如果是这样的话。我如何在不依赖打字稿的情况下克服这个问题？

我做了一个反应组件调用 locationComp

我知道标题似乎令人困惑，但问题就在这里。

我在 Ubuntu 18.04 服务器上有一个 Ionic React 项目和一个 WordPress 网站（比如说 abc.com ），我希望每个访问 abc.com/app 的人都被带到 Ionic Web 应用程序，为此我创建了一个 Nginx proxy_pass 重定向到托管在 S3 上的应用程序。

Nginx 位置块代码如下

现在，当它重定向到 s3 网站时，我收到 Google Authentication gapi 错误（Paused on exception）。

我已经做了以下事情：

• 我已经在 Project > Credentials > Web Client > Authorized JavaScript origins 中添加了这两个域
• 我还对这两个域进行了域验证。

请注意：独立的 WordPress 工作正常。

如果您需要任何其他信息，请告诉我。

任何帮助将不胜感激。

我有一个特定的用例，我需要通过单击选项卡栏中的选项卡来触发模式打开。类似于 Instagram 在单击标签栏中的 (+) 图标以添加新帖子时触发模式打开的方式。

鉴于设置了以下 Ionic React 选项卡，我应该如何重新配置​​以使其工作？我非常希望避免将我的模式代码复制/粘贴到每一页上。

应用程序.tsx

我应该在哪里插入以下内容，以便我可以从标签栏触发它并让它覆盖页面内容，无论我在哪个标签中？