在完成React Spring Animation完成后更改状态

Question

当前我有一个用例，其中动画是在状态更改上触发的，该状态更改通过单击操作启动。当我第一次单击时，情况正常，如果我不断单击相同的链接，动画不会触发，我认为这是因为状态不改变。

代码砂框

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

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) 
  })