文件名称:use-click-away:React钩子以检测元素外部的单击或触摸事件
文件大小:1.29MB
文件格式:ZIP
更新时间:2024-05-03 06:02:57
JavaScript
React挂钩检测点击或触摸事件 React钩子useClickAway()对绑定元素外部的单击做出React,并在检测到此事件时调用传入的表达式。 假设您正在处理一个呈现对话框的Modal组件,并且希望在用户单击时关闭该模式,这是useClickAway()自定义钩子的理想方案。 安装 使用npm : npm i use-click-away --save 。 用法 导入钩子: import { useClickAway } from "use-click-away" ; 完整的例子 export default () => { const [modal, setModal] = React.useState(false); const clickRef = React.useRef(""); useClickAway(clickRef, () => { se
【文件预览】:
use-click-away-master
----.gitignore(5B)
----.babelrc(61B)
----package.json(1KB)
----src()
--------index.js(57B)
--------useClickAway.js(470B)
----animation.gif(1.3MB)
----README.md(1KB)
----.npmignore(39B)