在做一个基于react的应用的时候遇到了对列表拖动排序的需求。当使用sortable对列表添加排序支持后发现一个问题：数据正确排序了，但是dom的顺序却乱了，找了一会儿原因后发现是因为在渲染数据的时候指定了一个动态的key（map((o,i)=>(<li key={i}></li>))），导致了dom顺序混乱。解决方案有：将数据装入模型的时候生成一个不重复的key，或者使用lodash的uniqueId:

import uniqueId from 'lodash/uniqueId'

在指定key的时候调一下：

 <li data={photo} key={uniqueId()} index={j}></li>

最新文章

1. JS在火狐浏览器下如何关闭标签？
2. Quartus II中的Waring（转）
3. SOLID原则
4. win10的安装与下载
5. php实现发送邮件
6. transform animation transition css3动画
7. USB HID 协议入门
8. 【原】Oracle拼接字段
9. 面向新手的Webserver搭建（一）——IIS的搭建
10. build.gradle中引入jar
11. C++ Primer第18章Vector的再实现及bug修正
12. oracle忘记密码，修改密码，解锁
13. android实习程序6——拨号通话
14. hdu4099 Revenge of Fibonacci 字典树
15. 打包zip下载
16. Property &#39;id&#39; not found on type java.lang.String
17. ubuntu16.04如何安装多个版本的CUDA
18. Mybatis分页插件PageHelper
19. try 和 catch 和 finally
20. c++ primer 笔记 （一）

热门文章

1. Terrorist’s destroy HDU - 4679
2. HDU：2594-Simpsons’ Hidden Talents
3. 重写BaseAdapter实现ListView
4. 使用HTTP协议访问网路
5. Eclipse 读取config目录下文件
6. mysql初始化失败的问题
7. MFC DLL 可以封装MFC的窗体 供别的MFC程序使用
8. Selenium-java 中 对于下拉框 对于网页上的下拉框 如何定位
9. SpringBoot中Async异步方法和定时任务介绍
10. python学习-- django 2.1.7 ajax 请求 进阶版