React 中的重复键 spring
duplicate key in react spring
我使用 react-spring 为我通过 map 函数显示的列表设置动画，但我注意到即使我对每一行都有一个唯一的 ID，它仍然提供React 有两个 children 具有相同密钥的问题。
关键是：
{key: item => item.order.id}
我的问题是如何解决这个问题？我试图在网上找到答案，但我找不到任何有用的东西，所以我 post 现在找到解决方案。
我发现 react spring 加载同一行 2 次（一个正在退出，同一行在另一行加载），所以我过去经常出错。在我的例子中，新行有不同的状态，所以我只是混合了 ID 和状态来构建密钥，问题就解决了。
{key: item => item.order.id + item.order.status}
队列中仍然存在旧行，但不透明度和高度已更改为 0，而且没人能看到。这就是出现错误的原因
我使用 react-spring 为我通过 map 函数显示的列表设置动画，但我注意到即使我对每一行都有一个唯一的 ID，它仍然提供React 有两个 children 具有相同密钥的问题。
关键是：
{key: item => item.order.id}
我的问题是如何解决这个问题？我试图在网上找到答案，但我找不到任何有用的东西，所以我 post 现在找到解决方案。
我发现 react spring 加载同一行 2 次（一个正在退出，同一行在另一行加载），所以我过去经常出错。在我的例子中，新行有不同的状态，所以我只是混合了 ID 和状态来构建密钥，问题就解决了。
{key: item => item.order.id + item.order.status}
队列中仍然存在旧行，但不透明度和高度已更改为 0，而且没人能看到。这就是出现错误的原因