【文件属性】:
文件名称:react-on-screen:检查视口中是否有React组件
文件大小:85KB
文件格式:ZIP
更新时间:2021-05-02 16:05:55
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)