https://codesandbox.io/s/l46wxvw96l
当按箭头键时，这个小沙盒会在五个材料UI的纸箱之间来回移动一个点。各个框都在material-ui Grid中。在框与框之间移动时如何创建平滑的动画？我试图让它飞过箱子并降落在每个箱子的中央。我想出了一个非常复杂的react-pose解决方案，该解决方案不断轮询容器DOM元素上的getClientBoundingRect（），以便使用绝对坐标移动点。但这只是一个痛苦。调整窗口大小也很快成为问题。一定会有更优雅的东西吗？我不能使用CSS（？），因为div一直在不断重装，因此没有任何动画可以挂在上面。有什么作用？