reactjs - 在反应弹簧动画完成时改变状态，

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