react-hash-link:用于React应用程序的无痛哈希链接路由

时间:2024-05-25 06:12:43
【文件属性】:

文件名称:react-hash-link:用于React应用程序的无痛哈希链接路由

文件大小:17KB

文件格式:ZIP

更新时间:2024-05-25 06:12:43

JavaScript

:linked_paperclips: React哈希链接 :linked_paperclips: 用于React应用程序的无痛哈希链接路由。 HashLinkObserver组件可以在组件树的任何级别呈现,并将监视URL中的哈希片段。 遇到哈希链接时, HashLinkObserver将滚动到页面上具有id="Your-Hash-ID"的相应元素。 与直接路由到React应用程序中页面上元素的流行解决方案相反, HashLinkObserver将在以下所有场景中按预期工作。 :check_mark: 导航到具有哈希片段和页面上相应元素的URL :check_mark: 在新的浏览器标签或窗口中打开合格的URL /页面 :check_mark: 浏览器前进导航 :check_mark: 向后浏览器导航 :check_mark: 页面重新加载 :check_mark: 与react-router但不依赖于它 :check_mark: 与服务器端渲染一起使用 :check_mark: 在所有主要浏览器(包括IE)上使用时,上述所有方案均能正常运行 入门 导航到包含


【文件预览】:
react-hash-link-master
----package.json(1KB)
----.prettierrc(135B)
----src()
--------components()
--------utils()
--------index.ts(181B)
----.npmignore(41B)
----tsconfig.json(313B)
----LICENSE.md(1KB)
----.gitignore(13B)
----lib()
--------index.js(488B)
--------index.d.ts(182B)
--------components()
--------utils()
----README.md(3KB)
----yarn.lock(13KB)

网友评论