百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
R

react-visibility-sensor

> 编程语言
开源

React 传感器组件,在进入或退出窗口视口时会向您发出通知。

2.3K stars0 点赞1 次浏览
访问官网GitHub

工具介绍

React 传感器组件,在进入或退出窗口视口时会向您发出通知。

React 可见性传感器

React 传感器组件,在窗口视口进入或退出时通知您。

  • npm run build-example
  • 在浏览器中打开 example/index.html

一般使用方式如下:

javascript
const VisibilitySensor = require('react-visibility-sensor');

function onChange (isVisible) {
  console.log('Element is now %s', isVisible ? 'visible' : 'hidden');
}

function MyComponent (props) {
  return (
    <VisibilitySensor onChange={onChange}>
      

    </VisibilitySensor>
  );
}
  • onChange: 当元素从窗口视口内移出或进入时的回调函数。函数接收 1 个参数 (isVisible: boolean)。

View an example on codesandbox View the example

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言