没有合适的资源？快使用搜索试试~ 我知道了~

文库首页开发技术其它react-reactdraggableReact可拖拽组件

react-reactdraggableReact可拖拽组件

共34个文件

es6：8个

js：7个

json：2个

React开发-拖放组件

需积分: 50 10 下载量 134 浏览量 2019-08-15 02:27:18 上传评论 2 收藏 132KB ZIP 举报

温馨提示

react-draggable - React可拖拽组件

资源推荐

资源详情

资源评论

rc-drag:An React Component for drag and resize, and supports drag and zoom on mobile devices. | 基于react的轻量级拖拽缩放组件, 且支持移动设备拖拽缩放

rc-drag rc-drag is a react-based drag-and-zoom component library that provides a flexible drag configuration and allows us to scale from different angles. :red_heart: Mobile drag and drop is supported

react.js组件实现拖拽复制和可排序的示例代码

主要介绍了react.js组件实现拖拽复制和可排序的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

rc-org-chart:基于 react 的组织架构组件，支持缩放、拖拽。可自定义拖拽规则，扩展性强

rc-org-chart 基于 React 的组织结构组件 :sparkles: 特性使用简单，可扩展性强。可拖动调整位置。可自定义位置变动规则。可自定义节点视图。 :package: 安装 npm install rc-org-chart --save yarn add rc-org-chart :hammer: 示例 import OrgChart from 'rc-org-chart

React.js组件实现拖拽排序组件功能过程解析

因为使用了react.js技术栈，所以封装优先考虑输入和输出。基于数据驱动去渲染页面、控制拖拽元素的顺序。由于我不考虑兼容IE8等旧版本浏览器，拖拽的效果采用了HTML5的拖放（Drag 和 drop）。当然，如果要求兼容性丰富，使用鼠标点击的相关事件也很简单。实现的效果如下：第一步是先了解H5拖放的相关属性，MDN上有详细的说明，链接有一点需要注意的是，react.js会给所有的属性事

react项目使用react-dnd实现拖拽排序

react项目使用react-dnd实现拖拽排序

react-reactdnr采用Reactjs构建的可拖动和可调整大小的窗口

react-dnr - 采用React.js构建的可拖动和可调整大小的窗口

学习使用ReactDnD实现嵌套列表的拖拽排序

学习使用ReactDnD实现嵌套列表的拖拽排序

react-draggable-master.zip

react-draggable源码

drag-layout:基于React，可拖拽修改页面布局的插件

拖动布局概述基于react完成的一个插件，拖拽修改页面布局。核心代码在src/drag_layout/index.js。演示下载后项目启动 # install dependencies npm install # Start the service npm run start # build for development npm run dev # build for producti

Vue-drag-resize 拖拽缩放插件的使用(简单示例)

本文通过代码给大家介绍了Vue-drag-resize 拖拽缩放插件使用简单示例,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

react-drag-drop:适用于React用户的超级简单的拖放拖放库

适用于React开发人员的超简单拖放库 tldr; 与其他库相比，该库中没有花哨的东西。我只是觉得自己很难理解react-dnd和react-beautiful-dnd。它们都具有出色的功能和支持，非常出色。我需要一个库，该库可以让我快速进行拖放操作并进行自定义，如果有任何错误，我将不会花费太多时间来理解该库。所以我写了这个库。它基本上是使用克隆的DOM通过移动树中的所有边界来移动情感

react-dragndrop:简单的拖放插件

react-dragndrop（ES2015）简单的库，只需最少的样板代码即可上手。该库带有2个React组件： <Draggable>和<DropTarget> 。为了使这两个组件能够相互通信，必须使用以下代码创建DragDropManager的实例： import {DragDropManager, Draggable, DropTarget} from 'react-dragndr

react-drawable-canvas:用于可绘制画布的React.js组件

React绘画画布 React.js的可绘制画布组件。安装 $ npm install react-drawable-canvas --save 使用示例： const React = require ( 'react' ) ; const DrawableCanvas = require ( 'react-drawable-canvas' ) ; const App = React . c

react-builder采用拖拽方式构建页面使用您的React组件进行设计远程发布

builder - 采用拖拽方式构建页面，使用您的React组件进行设计，远程发布

基于Html5实现的react拖拽排序组件示例

主要介绍了基于Html5实现的react拖拽排序组件示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

react-free-draggable:使用Transform释放拖动组件，拖动不会影响布局（利用transfrom实现的自由拖拽组件，拖拽不影响布局）

无React可拖动英文| 介绍？使用Transform的免费拖放组件，拖动过程不会影响页面布局特色使用tranform实现元素拖放运动，高性能，流畅您可以通过设置父元素boundsParent来设置拖动边界bounds或限制拖动范围。全屏拖动是默认设置默认拖动元素props.children 。您还可以通过设置dragNode指定要拖动的元素包裹的props. chil

react-manage::cherries::cherries:JWT鉴权、路由权限管理、组件拖拽生成、 nginx 线上环境配置、含 Node.js 服务端定位接口已加入域名白名单

技术栈项目运行之前，请确保系统已经安装以下应用 node (6.0 及以上版本) mongodb (开启状态) 全局安装nodemon(为了node服务热启动) yarn global add nodemon 运行启动 # 克隆到本地 1. git clone # 进入后台应用目录 2. cd react-manage/server # 安装后台应用依赖 3. yarn install #

收起资源包目录

react-reactdraggableReact可拖拽组件.zip （34个子文件）

mzabriskie-react-draggable-f7d13c5

.gitignore 26B

karma.conf.js 2KB

README.md 10KB

CHANGELOG.md 12KB

appveyor.yml 416B

specs

main.js 267B

draggable.spec.jsx 24KB

LICENSE 1KB

.eslintrc 500B

bower.json 517B

interfaces

dom.js 259B

script

build-watch 431B

package.json 2KB

dist

react-draggable.js 57KB

react-draggable.min.js 31KB

react-draggable.min.js.map 25KB

react-draggable.js.map 73KB

.babelrc 231B

index.js 124B

.flowconfig 489B

example

index.html 8KB

.npmignore 50B

.travis.yml 863B

webpack.config.js 1KB

yarn.lock 148KB

Makefile 2KB

lib

utils

domFns.es6 6KB

positionFns.es6 4KB

shims.es6 855B

log.es6 136B

getPrefix.es6 2KB

types.es6 487B

DraggableCore.es6 12KB

Draggable.es6 11KB

共 34 条

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

weixin_39840650

粉丝: 409
资源: 1万+

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

react-reactdraggableReact可拖拽组件

React可拖动组件

react-draggable:React可拖动组件

React可拖动组件-React开发

React-react拖动排序组件

react-draggable-tab:像可拖动标签的原子React组件

react-draggable-list:React组件以获取可拖动可折叠项目的列表

react-draggable-tabs：React的可拖动的类似于原子的选项卡

React-基于react的拖拽并自动排序

react-一个快速轻量级的拖放和可排序的React库

React-reactsortable一个可排序的React列表组件

react-draggable-tags:A draggable component for React. 一个基于React的可拖拽组件

rc-drag:An React Component for drag and resize, and supports drag and zoom on mobile devices. | 基于react的轻量级拖拽缩放组件, 且支持移动设备拖拽缩放

react.js组件实现拖拽复制和可排序的示例代码

rc-org-chart:基于 react 的组织架构组件，支持缩放、拖拽。可自定义拖拽规则，扩展性强

React.js组件实现拖拽排序组件功能过程解析

react项目使用react-dnd实现拖拽排序

react-reactdnr采用Reactjs构建的可拖动和可调整大小的窗口

学习使用ReactDnD实现嵌套列表的拖拽排序

react-draggable-master.zip

drag-layout:基于React，可拖拽修改页面布局的插件

Vue-drag-resize 拖拽缩放插件的使用(简单示例)

react-drag-drop:适用于React用户的超级简单的拖放拖放库

react-dragndrop:简单的拖放插件

react-drawable-canvas:用于可绘制画布的React.js组件

react-builder采用拖拽方式构建页面使用您的React组件进行设计远程发布

基于Html5实现的react拖拽排序组件示例

react-free-draggable:使用Transform释放拖动组件，拖动不会影响布局（利用transfrom实现的自由拖拽组件，拖拽不影响布局）

react-manage::cherries::cherries:JWT鉴权、路由权限管理、组件拖拽生成、 nginx 线上环境配置、含 Node.js 服务端 定位接口已加入域名白名单

最新资源

react-manage::cherries::cherries:JWT鉴权、路由权限管理、组件拖拽生成、 nginx 线上环境配置、含 Node.js 服务端定位接口已加入域名白名单