我在反应中构建了很多UI，其中各种元素可能会出现/消失。我正在尝试找出一种通用方法，以便在添加或删除元素时平滑地使动画适应新的布局，例如：
var jsxA = <div><div>one</div>
<div>two</div>
<div>three</div></div>
var jsxB = <div><div>one</div><div>three</div></div>
当从jsxA切换到jsxB时，我不希望出现瞬态变化，因为三个移动到了两个位置。
我已经考虑过使用映射来做事，我认为拥有键以使react知道一个元素仍然与以前一样是有帮助的，但是不确定如何使其动画到新位置。