在 react spring 动画完成时更改状态，

Question

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

在上面的代码沙箱中，第一次点击"coastal shipping"会触发动画，但随后的连续点击不会触发动画。

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

在 react spring 动画完成时更改状态，

change state on completion of react spring animation,

reactjs

react-spring