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