轻松单击并拖动React组件

时间:2024-06-28 09:43:32
【文件属性】:

文件名称:轻松单击并拖动React组件

文件大小:11KB

文件格式:ZIP

更新时间:2024-06-28 09:43:32

React Integration

react-clickdrag 使用 react-clickdrag,您将能够轻松地在您想要的每个组件上添加单击和拖动功能。 用法 react-clickdrag 是一个特殊的函数,它接受 2 个参数。 第一个是组件本身,第二个参数是 react-clickdrag 可以采用的选项。 选项有: touch:启用触摸事件(默认:false) resetOnSpecialKeys:决定在按下特殊键(ctrl、shift、alt)时重置鼠标位置。 (默认值:false) getSpecificEventData:指定是否需要来自鼠标/触摸事件的特定数据的函数。 (默认:空函数) onDragStart:开始拖动组件时调用的函数。 (默认:空函数) onDragStop:停止拖动组件时调用的函数。 (默认:空函数) onDragMove:移动组件时调用的函数。 (默认:空函数)当您使用 clickdrag 函数包装您的组件时,您的组件将收到一个名为 dataDrag 的特殊道具。 在这个 dataDrag 对象中,您将找到以下信息: isMouseDown (boolean) isMoving


【文件预览】:
react-clickdrag-master
----.babelrc(103B)
----package.json(2KB)
----test()
--------clickdrag.test.jsx(9KB)
--------setup.js(123B)
--------.eslintrc.js(52B)
----src()
--------clickdrag.jsx(3KB)
----.npmignore(33B)
----.eslintrc.js(327B)
----.prettierrc.yml(53B)
----examples()
--------basic()
----LICENSE.md(1KB)
----.gitignore(54B)
----CHANGELOG.md(751B)
----.circleci()
--------config.yml(1KB)
----.npmrc(19B)
----README.md(3KB)
----.editorconfig(147B)

网友评论