Reactjs 完成react spring动画后更改状态,
目前,我有一个用例,其中动画是在一个由单击操作启动的状态更改时触发的。当我第一次点击时,一切正常,如果我连续点击同一链接,动画不会触发,我相信这是因为状态没有改变Reactjs 完成react spring动画后更改状态,,reactjs,react-spring,Reactjs,React Spring,目前,我有一个用例,其中动画是在一个由单击操作启动的状态更改时触发的。当我第一次点击时,一切正常,如果我连续点击同一链接,动画不会触发,我相信这是因为状态没有改变 在上述代码沙盒中,第一次单击“沿海运输”会触发动画,但随后连续单击不会触发动画。尝试使用onRest功能重置状态: const props = useSpring({ to: [{ opacity: 1, color: '#ffaaee' }, { opacity: 0, color: 'rgb(14,26,19)' }],
在上述代码沙盒中,第一次单击“沿海运输”会触发动画,但随后连续单击不会触发动画。尝试使用
onRest
功能重置状态:
const props = useSpring({
to: [{ opacity: 1, color: '#ffaaee' }, { opacity: 0, color: 'rgb(14,26,19)' }],
from: { opacity: 0, color: 'red' },
onRest : () => set(null)
})