我在连接 redux 和 ReactCssTransitionGroup 时遇到了问题。我想将旧元素移出并移入新元素。移动很好,但因为 redux 打破了 Parent/Child 道具关系,旧元素在退出之前用新数据渲染。
下面有一个小提琴,显示了与一个孩子的关系,只有一个层次。
<Parent>
<Child/>
</Parent>
对于这种情况,直接传递道具很容易,但我希望有一个解决方案可以更好地使用更复杂的结构:
<GreatGrandParent>
<GrandParent>
<Parent>
<Child/>
<Child/>
...
触发转换时如何防止孩子更新?
https://jsfiddle.net/haygoodjon/wx0L0bx7/2/
^ 小提琴在将其从 dom 中删除之前正在更新旧时间。可以通过删除 Child 上的连接并直接从 App 传递 time 属性来实现预期的行为