在反应弹簧动画完成后更改状态，答案

【问题标题】：change state on completion of react spring animation,在反应弹簧动画完成后更改状态，
【发布时间】：2019-10-11 14:58:13
【问题描述】：

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

code sand box

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

【问题讨论】：

标签： reactjs react-spring

【解决方案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) 
  })

【讨论】：