文件名称:click-away:处理远离元素的点击-与ReactPreact兼容
文件大小:7KB
文件格式:ZIP
更新时间:2024-05-16 01:26:27
JavaScript
点击 当用户单击感兴趣的元素(例如弹出窗口,下拉菜单或模式窗口)时,请执行操作。 安装 # npm npm install --save click-away # yarn yarn add click-away 用法 假设您正在处理一个呈现对话框的Modal组件,并且希望在用户单击时关闭该模式。 import React from 'react' ; // Not shown: CSS rules for `.modal`, `.modal-open`, `.modal-closed` export default function Modal ( { isOpen , onClose , children } ) { const className = `modal modal- ${ isOpen ? 'open' : 'closed' } ` ; return (
【文件预览】:
click-away-master
----.travis.yml(290B)
----.babelrc(35B)
----index.js(629B)
----Gulpfile.js(1KB)
----package.json(2KB)
----examples()
--------modal()
--------dropdown()
--------style.css(1KB)
----.gitignore(58B)
----README.md(2KB)