在React中制作复杂的组件转换动画的推荐方法是什么？

Question

考虑下图：

我有一个“小工具提示”组件，单击后会变成“大组件”。它们都包含“标题标签”组件，尽管在小工具提示中它位于中心，在大工具提示中它位于顶部。

“小”和“大”工具提示是两个不同的组成部分，我希望保持这种状态。

我想为该过程设置动画-工具提示的矩形应该增大，并且这样做时，“标题”将上升到较大矩形的顶部。实现它的最简单方法是什么？

我曾经考虑过React动画库，例如 React-Spring 和 Pose ，但是它们似乎并不支持这种情况，它们更专注于制作对单个组件（或组件列表）进行修改。

像 Anime.JS 这样的库似乎更合适，但我需要自己进行所有计算-获取参考，进行测量并将它们与React生命周期方法同步。

制作此类动画的正确方法是什么？