1. 使用组件 react-cool-onclickoutside react-cool-onclickoutside 是一个React 钩子 ，当用户在目标组件区域之外单击时触发回调。这是UI交互设计（IxD）的有用逻辑，例如关闭下拉菜单，模态或工具提示等。帮助大家❤️。 特征 React监听基于React hook的外部点击 。 Support‍♀️支持多个引用，以涵盖更多用例。 ?使用 被动事件侦听 器改善滚动性能。 ️滚动条可以从外部点击的回调中排除。 the 在事件循环中忽略某些元素。 ?使您可以在需要时停止监听外部喀哒声。 for由于某些原因支持自定义引用 。 ?支持 TypeScript 类型定义。 Server️服务器端渲染友好。 ?微小的大小（压缩后约为1.4KB）。除了反应之外，没有外部依赖性。 您还可以安装通过npm分发的此软件包 。 $ yarn add react-cool-onclickoutside # or $ npm install --save react-cool-onclickoutside 有关更多用法的详细信息，请查看项目的GitHub页面：https : //github.com/wellyshen/react-cool-onclickoutside 快速入门（演示代码） 常见用例。 import React, { useState } from "react"; import useOnclickOutside from "react-cool-onclickoutside"; const Dropdown = () => { […]