Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 完成react spring动画后更改状态,_Reactjs_React Spring - Fatal编程技术网

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