文件名称：React Hooks 使用一次调用的函数侦听鼠标按下或抬起并单击事件
文件大小：145KB
文件格式：ZIP
更新时间：2024-06-28 08:31:05
Awesome React Hooks
使用-mouse-action React Hooks 使用一次调用的函数来侦听鼠标按下或抬起以及单击事件。 示例 此钩子可用于创建快速可用的下拉按钮。 安装 npm install use-mouse-action Usage import useMouseAction from 'use-mouse-action'; const Component = () => { const props = useMouseAction({ onAction: () => console.log('You clicked or mouse down me!'), down: true }); 返回（快速点击我！ ）； }; Hooks 这个库提供了三个 React Hooks： useMouseAction useMouseDown useMouseUp 他们都想要相同的参数：要么是回调函数，要么是在 onAction 参数中带有回调函数的选项对象。 它们都返回一个事件侦听器对象以添加到元素上。 导入 { useMouseDown } from 'use-mouse-action'; /**
【文件预览】：
use-mouse-action-master
----.gitignore(161B)
----package.json(2KB)
----tslint.json(326B)
----package-lock.json(320KB)
----src()
--------types()
--------index.ts(6KB)
----webpack.test.config.js(366B)
----cypress.json(3B)
----.travis.yml(224B)
----LICENSE(1KB)
----CHANGELOG.md(402B)
----tsconfig.json(319B)
----webpack.example.config.js(372B)
----.eslintrc.js(849B)
----README.md(3KB)
----example()
--------src()
--------dist()
--------style.css(1KB)
--------index.html(344B)
----.eslintignore(56B)
----babel.config.js(100B)
----.npmignore(6B)
----test()
--------src()
--------index.html(308B)
----cypress()
--------integration()
--------support()
--------plugins()