React拖拽排序

#1

用react创建一个组件Road
《div》
《cards investment="…"/》
《cards investment="…"/》
《cards investment="…"/》
《/div》
里面包含3个同样的子组件，

每个子组件接收一个叫investments的props，渲染多个Card，（Card就是一个div现已一堆东西不用管）
界面渲染效果如下

拖拽效果用的jquery ui的排序，现在将一个li从当前ul中拖拽到另外一个ul中的时候，真实的dom已经被jQuery ui改变了，这个时候我去更新Cards接收的props，react重新render就报如下错误：

#2

报什么错我看不到，我只知道拿index做key那你拖完了react也会认为你没有拖