react-clickoutside:用于检测单击事件何时在给定组件外部发生的高阶组件

时间:2024-05-28 11:42:40
【文件属性】:

文件名称:react-clickoutside:用于检测单击事件何时在给定组件外部发生的高阶组件

文件大小:87KB

文件格式:ZIP

更新时间:2024-05-28 11:42:40

JavaScript

React外部点击 这是一个较高级的组件,用于检测何时在给定组件之外发生了单击事件。 它支持基于类的组件和无状态功能组件。 演示版 安装 使用yarn yarn add react-clickoutside 或NPM npm install --save react-clickoutside 版本2的新功能 除了现有的高阶组件之外,该库现在还导出一个新组件,该组件使用“作为子组件的功能”模式构建。 参见: : 现在,高阶组件接受一个params对象,这意味着可以将任何属性添加到容器div中。 引入汇总功能以导出两个包; 一种用于Common JS,另一种用于ESM模块。 如何使用 基本功能 使用“功能作为子组件”方法 import React from 'react' ; import { ClickOutside } from 'react-clickoutside'


【文件预览】:
react-clickoutside-master
----yarn.lock(151KB)
----.eslintrc.js(2KB)
----src()
--------click-outside.js(1KB)
--------with-click-outside.js(2KB)
--------__tests__()
--------__mocks__()
--------events.js(58B)
--------index.js(127B)
----.babelrc(954B)
----.npmignore(66B)
----.travis.yml(160B)
----example()
--------index.html(283B)
--------yarn.lock(116KB)
--------webpack.config.js(2KB)
--------src()
--------.babelrc(181B)
--------README.md(202B)
--------style.css(299B)
--------package.json(825B)
--------dev-server.js(821B)
----config()
--------rollup.js(496B)
--------jest.js(349B)
----LICENSE(1KB)
----README.md(4KB)
----.gitignore(61B)
----CHANGELOG.md(963B)
----package.json(2KB)

网友评论