【文件属性】：
文件名称：react-clickoutside:用于检测单击事件何时在给定组件外部发生的高阶组件
文件大小：87KB
文件格式：ZIP
更新时间：2021-05-08 17:56:00
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)