react-move-hook:可自定义的react钩子来移动东西

时间:2024-04-04 00:50:56
【文件属性】:

文件名称:react-move-hook:可自定义的react钩子来移动东西

文件大小:1.42MB

文件格式:ZIP

更新时间:2024-04-04 00:50:56

TypeScript

React移动挂钩 一个不受限制的可自定义的react钩子,无需依赖(React除外)来移动内容。 该库跟踪元素到处移动。 描述 创建此钩子是为了跟踪HTMLElement上的运动,它不会自行在该元素上添加任何CSS属性。 这是有意完成的,因此开发人员可以控制实际使用的样式(例如css转换或顶部/左侧位置)。 默认情况下,此挂钩会将侦听器绑定到鼠标和触摸事件,但是也可以将挂钩为使用不同的方法来移动元素(例如键盘事件)。 默认情况下, useMovable将使用对HTML元素进行测量。 安装 您可以使用npm安装react-move-hook npm install --save react-move-hook 或纱线 yarn add react-move-hook 用法 一个简单的例子(在打开) import React , { useState , useCallback ,


【文件预览】:
react-move-hook-main
----tsconfig.build.json(177B)
----rollup.config.js(1KB)
----.github()
--------workflows()
----stories()
--------useMovable.stories.css(329B)
--------components()
--------withKeyboard.ts(846B)
--------useMovable.stories.tsx(3KB)
----yarn.lock(734KB)
----.eslintrc.js(553B)
----.vscode()
--------launch.json(1KB)
--------settings.json(674B)
----packages()
--------react-move-hook()
----.storybook()
--------main.js(274B)
--------preview.js(74B)
----examples()
--------basic()
--------handle()
--------keyboard()
--------x-axis()
--------update-position()
--------multiple()
----tsconfig.json(231B)
----jest.config.js(362B)
----LICENSE.md(1KB)
----lerna.json(131B)
----README.md(10KB)
----tests()
--------useMovable.test.tsx(14KB)
--------connect.test.ts(2KB)
--------fixtures.ts(7KB)
--------TestAdapter.ts(402B)
--------util.spec.ts(315B)
--------__mocks__()
----.gitignore(46B)
----package.json(2KB)

网友评论