此处的CodeSandbox:https://codesandbox.io/s/4w9oj2ywk7
PoseGroup似乎可以在DOM中维护反应组件,即使它们已经卸载。
我的目的是能够从列表中“选择”一个项目,将其他项目设置为动画,然后所选项目将增长以填充其父项。我可以通过不卸载任何列表元素并使用react-pose的{ applyAtEnd: { display: 'none'}}
来简单地隐藏它们来实现这一点,但这会导致所选元素突然跳到顶部。如果我不添加applyAtEnd
,那么它们只会淡化为透明,但(a)保留在原位,(b)保持可点击。
我正在寻找从列表位置到列表顶部的自然动画,然后在取消选择动画时再次使其平滑,以返回到原来的位置。
在该代码沙箱中,您可以单击任何元素以选择/取消选择它。列表底部的行为是我想要的,但上方没有四个列表组件。
即使已卸载它们,由于某些原因它们仍由PoseGroup渲染。
我想念什么吗?对于一个本来不错的产品来说,这似乎是功能的核心,否则就不能成为错误。