use-click-away:React钩子以检测元素外部的单击或触摸事件

时间:2024-05-03 06:02:57
【文件属性】:

文件名称: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)

网友评论