【文件属性】:
文件名称:react-use-rect:measures测量DOM元素边界的钩子(DOMRect)
文件大小:131KB
文件格式:ZIP
更新时间:2021-04-11 13:20:32
react hooks TypeScript
React使用矩形
测量DOM元素边界(DOMRect)的挂钩。
它响应目标元素和窗口大小的更改,父元素滚动更改并且过渡结束。
安装
npm install react-use-rect
用法
import React from 'react' ;
import { useRect } from 'react-use-rect' ;
function Component ( ) {
const [ ref , rect ] = useRect ( ) ;
return < div xss=removed> ;
}
选项
useRect ( { scroll : true , transitionEnd : true } ) ;
滚动
默认值:false
如果启用,它将响应滚动更改。
注意:请仅在确定要在滚动更改时更新元素边界时才使用此选项。 普遍使用此选项可能会对滚
【文件预览】:
react-use-rect-master
----.eslintrc.json(585B)
----rollup.config.js(924B)
----src()
--------useRect.ts(2KB)
--------utils()
--------types.ts(295B)
--------index.ts(52B)
--------defaults.ts(263B)
----.prettierrc.json(113B)
----tsconfig.json(495B)
----LICENSE(1KB)
----test()
--------fixture()
--------unit()
--------e2e()
----jest.config.js(42B)
----README.md(873B)
----.editorconfig(209B)
----.gitignore(190B)
----package-lock.json(456KB)
----package.json(2KB)