react-on-screen:检查视口中是否有React组件

时间:2024-05-22 09:52:35
【文件属性】:

文件名称:react-on-screen:检查视口中是否有React组件

文件大小:85KB

文件格式:ZIP

更新时间:2024-05-22 09:52:35

react screen visibility viewport lazy-loading

在屏幕上React :smiling_face_with_sunglasses: 检查您的React成分是否在屏幕上可见,且无痛苦且牢记性能 :smiling_face_with_sunglasses: ! 使用您选择的html标签 阿皮 会费 执照 演示版 查看演示。 安装 $ npm install --save react-on-screen $ yarn add react-on-screen UMD版本也可用: < script src =" ./dist/ReactOnScreen.min.js " > </ script > 用法 简单的 import React from 'react' ; import TrackVisibility from 'react-on-screen' ; const ComponentToTrack = ( { isVisible } ) => { const style = { background : isVisi


【文件预览】:
react-on-screen-master
----.eslintrc(29B)
----yarn.lock(234KB)
----webpack.config.js(686B)
----webpack.config.dev.js(898B)
----src()
--------__playground__()
--------TrackVisibility.js(5KB)
--------__tests__()
--------index.js(129B)
----.babelrc(420B)
----scripts()
--------build.sh(178B)
----.npmignore(87B)
----.travis.yml(81B)
----LICENSE(1KB)
----README.md(5KB)
----index.d.ts(951B)
----dist()
--------ReactOnScreen.js.map(15KB)
--------ReactOnScreen.js(4KB)
----setupTests.js(220B)
----.gitignore(64B)
----.eslintignore(32B)
----package.json(3KB)

网友评论