我有一个 JSON 对象数组，用于呈现元素列表：
mydata.map(thing => {
return <SomeComponent key={thing._id} />
});
每个呈现的项目都有向上/向下箭头，例如，如果用户单击向上箭头，则该项目将在列表中向上移动。在后端，数组中的项目只是简单地交换。
我怎样才能使这个过程动画化，以便用户更容易看到他们的操作结果是什么？我正在研究react-motion，但它似乎基于修改 CSS/样式来工作。我希望会有一些东西使用 React 的key属性来确定独特的元素并基于它来处理运动。
有什么建议么？