Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.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
Javascript 为什么弹簧不能重复工作?_Javascript_Reactjs_React Spring - Fatal编程技术网

Javascript 为什么弹簧不能重复工作?

Javascript 为什么弹簧不能重复工作?,javascript,reactjs,react-spring,Javascript,Reactjs,React Spring,我正在与以下人员一起努力: 但是我认为如果虚拟DOM与以前的值没有任何差异,那么它将不会重新渲染,因此我添加了Math.random()/10,对其进行了一点更改,使其能够工作,但除了第一个之外,它不会每隔一秒在数字上消失。如何使其工作?如果希望动画再次启动,则需要设置重置标志: const style = useSpring({ opacity: 1, from: { opacity: 0}, reset:true}); 很好的解决方案。但是你知道为什么没有它,它就不能工作吗?假设,如果它

我正在与以下人员一起努力:


但是我认为如果虚拟DOM与以前的值没有任何差异,那么它将不会重新渲染,因此我添加了
Math.random()/10
,对其进行了一点更改,使其能够工作,但除了第一个之外,它不会每隔一秒在数字上消失。如何使其工作?

如果希望动画再次启动,则需要设置
重置
标志:

const style = useSpring({
opacity: 1,
from: { opacity: 0},
reset:true});

很好的解决方案。但是你知道为什么没有它,它就不能工作吗?假设,如果它第一次可以工作,它应该第二次工作,特别是如果第一次是从不透明度0.053到0.923,第二次是从0.021到0.9832。。。但这正是我对自己和同事的感受:我们成为了Ruby on Rails那样的务实程序员:我们知道如果我们键入这个,那么有些东西会起作用,但没有人知道为什么它不起作用,因为默认情况下,他们不会重新设置
from
值,所以从0.923变为0.9832,这在事实上并不特别明显,如果你使用'1-Math.random()`而不使用
/10
,你会注意到它一直在动(而且它看起来非常迷人!)你觉得它像是暮光之城吗?陛下我可以接受它不会重置的事实。。。但它有点像,我们有一个循环来重复
a=b+1
b
是10,
a
是11,现在
b
20
,哦,不,
a
仍然是
11
,因为我们没有告诉它“重置”。我们必须将其重置为
21
  const style = useSpring({
    opacity: 1,
    from: { opacity: 0 }
  });
const style = useSpring({
opacity: 1,
from: { opacity: 0},
reset:true});