React-Pose:操作列表

时间:2019-01-07 03:09:59

标签: reactjs animation

此处的CodeSandbox:https://codesandbox.io/s/4w9oj2ywk7

PoseGroup似乎可以在DOM中维护反应组件,即使它们已经卸载。

我的目的是能够从列表中“选择”一个项目,将其他项目设置为动画,然后所选项目将增长以填充其父项。我可以通过不卸载任何列表元素并使用react-pose的{ applyAtEnd: { display: 'none'}}来简单地隐藏它们来实现这一点,但这会导致所选元素突然跳到顶部。如果我添加applyAtEnd,那么它们只会淡化为透明,但(a)保留在原位,(b)保持可点击。

我正在寻找从列表位置到列表顶部的自然动画,然后在取消选择动画时再次使其平滑,以返回到原来的位置。

在该代码沙箱中,您可以单击任何元素以选择/取消选择它。列表底部的行为是我想要的,但上方没有四个列表组件。

即使已卸载它们,由于某些原因它们仍由PoseGroup渲染。

我想念什么吗?对于一个本来不错的产品来说,这似乎是功能的核心,否则就不能成为错误。

0 个答案:

没有答案