Ionic Framework 使用哈希链接和 ID 对 Deeplinking 做出反应

时间:2021-02-17 14:32:15

标签: javascript reactjs ionic-framework

如何使用 Ionic Framework/react 将深度链接到带有哈希链接的长内容页面上标有 ID 的特定位置?

例如在 tab2 上我有一个很长的文本,有些位置用 ID 标记

<p id="foo"></p>

现在我想从另一个标签链接到文本中这个位置的这个标签

<Link to"/route#foo"><IonButton>Link to #foo</IonButton></Link>

使用来自 react-router-dom 的普通链接是不可能的,所以我尝试了“react-router-hashlink”并且它 可在浏览器和 Android 上运行,但不适用于 iOS 和移动设备。

<HashLink to"/route#foo"><IonButton>Link to #foo</IonButton></HashLink>

所以我发现,在 MacOS Safari(Firefox 和 Chrome 正在运行)和 iOS 上的每个移动浏览器上都是同样的问题。 并且:当我在 testapp 上测试它时,有时它可以工作,有时却不能。在 Safari 移动版上,可能每 10 次尝试它的工作。

我在这里做错了什么? 谢谢回答。

0 个答案:

没有答案