react-dnd-nested:react-dnd 嵌套使用详解-源码

上传者: 42165980 | 上传时间: 2021-09-18 10:43:55 | 文件大小: 2.92MB | 文件类型: ZIP
read-dnd 嵌套使用 不做具体react-dnd的api讲解,如有需要请查看官网文档,描述很清晰。 需求背景 左侧是物料区,各个可以拖拽的小组件 右侧为编辑区,可以将组件拖进去组成页面 右侧编辑区内已拖拽的小组件可以在内部继续拖拽进行排序 技术栈 react、react-dom、mobx、mobx-react、react-dnd 实现逻辑 数据结构设计 属性 类型 说明 id Number 组件id(根据规则自动生成) type String 组件类型 childrens Array 组件下面包含的子组件 // 数据示例如下: [ { id: 1, type: 'View', childrens: [ { id: 345, type: 'Bu

文件下载

资源详情

[{"title":"( 52 个子文件 2.92MB ) react-dnd-nested:react-dnd 嵌套使用详解-源码","children":[{"title":"react-dnd-nested-master","children":[{"title":"config","children":[{"title":"modules.js <span style='color:#111;'> 3.81KB </span>","children":null,"spread":false},{"title":"getHttpsConfig.js <span style='color:#111;'> 1.82KB </span>","children":null,"spread":false},{"title":"webpackDevServer.config.js <span style='color:#111;'> 6.80KB </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 28.73KB </span>","children":null,"spread":false},{"title":"jest","children":[{"title":"cssTransform.js <span style='color:#111;'> 314B </span>","children":null,"spread":false},{"title":"fileTransform.js <span style='color:#111;'> 1.23KB </span>","children":null,"spread":false}],"spread":true},{"title":"pnpTs.js <span style='color:#111;'> 620B </span>","children":null,"spread":false},{"title":"env.js <span style='color:#111;'> 3.92KB </span>","children":null,"spread":false},{"title":"paths.js <span style='color:#111;'> 2.15KB </span>","children":null,"spread":false}],"spread":true},{"title":"images","children":[{"title":"app.png <span style='color:#111;'> 164.51KB </span>","children":null,"spread":false},{"title":"list.png <span style='color:#111;'> 167.73KB </span>","children":null,"spread":false},{"title":"right.png <span style='color:#111;'> 167.73KB </span>","children":null,"spread":false},{"title":"move.png <span style='color:#111;'> 292.06KB </span>","children":null,"spread":false},{"title":"findItem.png <span style='color:#111;'> 154.01KB </span>","children":null,"spread":false},{"title":"item.png <span style='color:#111;'> 962.52KB </span>","children":null,"spread":false},{"title":"add.png <span style='color:#111;'> 150.78KB </span>","children":null,"spread":false},{"title":"left.png <span style='color:#111;'> 335.84KB </span>","children":null,"spread":false}],"spread":true},{"title":"docs","children":[{"title":"service-worker.js <span style='color:#111;'> 1.16KB </span>","children":null,"spread":false},{"title":"asset-manifest.json <span style='color:#111;'> 1.22KB </span>","children":null,"spread":false},{"title":"precache-manifest.a7f4803806891745bfd96bfb22a4ae44.js <span style='color:#111;'> 759B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 1.93KB </span>","children":null,"spread":false},{"title":"static","children":[{"title":"css","children":[{"title":"main.2691ef95.chunk.css.map <span style='color:#111;'> 931B </span>","children":null,"spread":false},{"title":"2.73e40670.chunk.css.map <span style='color:#111;'> 136.94KB </span>","children":null,"spread":false},{"title":"2.73e40670.chunk.css <span style='color:#111;'> 102.54KB </span>","children":null,"spread":false},{"title":"main.2691ef95.chunk.css <span style='color:#111;'> 469B </span>","children":null,"spread":false}],"spread":true},{"title":"js","children":[{"title":"main.fa75964c.chunk.js.map <span style='color:#111;'> 16.16KB </span>","children":null,"spread":false},{"title":"runtime-main.c9ded13a.js <span style='color:#111;'> 1.54KB </span>","children":null,"spread":false},{"title":"2.f6539849.chunk.js.LICENSE.txt <span style='color:#111;'> 1.97KB </span>","children":null,"spread":false},{"title":"main.fa75964c.chunk.js <span style='color:#111;'> 4.44KB </span>","children":null,"spread":false},{"title":"runtime-main.c9ded13a.js.map <span style='color:#111;'> 8.10KB </span>","children":null,"spread":false},{"title":"2.f6539849.chunk.js <span style='color:#111;'> 714.09KB </span>","children":null,"spread":false},{"title":"2.f6539849.chunk.js.map <span style='color:#111;'> 1.91MB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"favicon.ico <span style='color:#111;'> 3.78KB </span>","children":null,"spread":false}],"spread":true},{"title":"package.json <span style='color:#111;'> 3.65KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"index.js <span style='color:#111;'> 240B </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"allow.svg <span style='color:#111;'> 872B </span>","children":null,"spread":false},{"title":"not-allow.svg <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false}],"spread":true},{"title":"left","children":[{"title":"index.js <span style='color:#111;'> 595B </span>","children":null,"spread":false},{"title":"SourceBox.js <span style='color:#111;'> 1.06KB </span>","children":null,"spread":false}],"spread":true},{"title":"right","children":[{"title":"index.js <span style='color:#111;'> 431B </span>","children":null,"spread":false},{"title":"item.js <span style='color:#111;'> 3.31KB </span>","children":null,"spread":false},{"title":"list.js <span style='color:#111;'> 457B </span>","children":null,"spread":false},{"title":"components.js <span style='color:#111;'> 913B </span>","children":null,"spread":false}],"spread":true},{"title":"App.js <span style='color:#111;'> 2.63KB </span>","children":null,"spread":false},{"title":"style.css <span style='color:#111;'> 575B </span>","children":null,"spread":false}],"spread":true},{"title":".gitignore <span style='color:#111;'> 321B </span>","children":null,"spread":false},{"title":"public","children":[{"title":"index.html <span style='color:#111;'> 240B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 3.78KB </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 2.75KB </span>","children":null,"spread":false},{"title":"scripts","children":[{"title":"test.js <span style='color:#111;'> 1.32KB </span>","children":null,"spread":false},{"title":"build.js <span style='color:#111;'> 6.70KB </span>","children":null,"spread":false},{"title":"start.js <span style='color:#111;'> 5.14KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明