javascript - 当他们的 Redux 存储数据被立即删除时，如何延迟（例如动画）React 元素的删除？

Question

很抱歉在没有特定代码示例的情况下询问，因为它们可能会混淆复杂性并偏离重点。

假设我们在 redux 存储中有一个记录数组，由连接的反应元素列表表示。

说“连接”我的意思是：

export connect(store => {/* list binding here */})(RecordsListComponent)

然后在 store 上调度的一些操作会立即删除一条记录并更新列表组件（重新渲染）。

现在我打算对已删除的记录进行动画处理，以便它们从 DOM 中延迟消失。最好的（清晰、紧凑、灵活和可靠）的方法是什么？

标签： javascriptreactjsreact-redux

Answer 1

一个明显的想法是使用useEffect和useState钩子，这将允许保留列表的先前状态并分析道具中当前状态的差异。

因此列表组件将能够在内部确定中间记录的状态（生成、存在、消失等）并自行决定更改它们。

不过，我不知道这种方法在大型列表中是否会很昂贵......