在完成React Spring动画后更改状态，

Question

当前，我有一个用例，其中动画是在状态更改（由点击操作启动）触发的。第一次单击时，一切正常，如果连续单击同一链接，动画不会触发，这是因为状态没有改变。

code sand box

在上面的代码沙箱中，第一次单击“沿海运输”会触发动画，但是随后连续单击不会触发动画。

Answer 1

尝试使用onRest函数重置状态：

const props = useSpring({
    to: [{ opacity: 1, color: '#ffaaee' }, { opacity: 0, color: 'rgb(14,26,19)' }],
    from: { opacity: 0, color: 'red' }, 
    onRest : () => set(null) 
  })