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

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