灵活的 React Hook 可根据滚动位置自动更新导航

时间:2024-06-28 08:36:19
【文件属性】:

文件名称:灵活的 React Hook 可根据滚动位置自动更新导航

文件大小:801KB

文件格式:ZIP

更新时间:2024-06-28 08:36:19

Awesome React Hooks

react-use-scrollspy 安装 react-use-scrollspy 是一个需要 React 16.8.0 或更高版本的 React Hook。 // yarn yarn add react-use-scrollspy // 或者 npm npm i react-use-scrollspy --S 用法 import useScrollSpy from 'react-use-scrollspy'; ... const activeSection = useScrollSpy({ sectionElementRefs: [], // DOM 元素引用数组 }); 参数 默认 类型 说明 defaultValue 0 int 返回的默认值(可选) offsetPx 0 int 设置偏移量(可选) sectionElementRefs [] [Ref] 使用 Refs 观察的 Refs 数组(例如通过 React refs) 使用 React refs 用于节元素,如提供的例子。 import React, { useRef } from 'react'; 从'react-u


【文件预览】:
react-use-scrollspy-master
----.gitignore(389B)
----.eslintrc(534B)
----package.json(2KB)
----src()
--------index.ts(1KB)
----.travis.yml(61B)
----LICENSE(1KB)
----CHANGELOG.md(356B)
----tsconfig.json(6KB)
----.github()
--------FUNDING.yml(76B)
--------dependabot.yml(143B)
----example.gif(625KB)
----README.md(3KB)
----example()
--------.gitignore(324B)
--------package.json(1KB)
--------src()
--------public()
--------tsconfig.json(535B)
--------README.md(2KB)
--------yarn.lock(497KB)
----.lintstagedrc(117B)
----.husky()
--------pre-commit(16B)
----.editorconfig(304B)
----.prettierrc(76B)
----yarn.lock(170KB)

网友评论