设置插值的初始值

Question

下面的动画将从1到2。

const [props, set] = useSpring(() => ({ value:1 }));
set({value: 2});

然而，让我们假设Iwant值立即更改为3，然后设置为2的动画，而不管它当前是什么。换句话说，我希望避免1和3之间的平滑插值。

const [props, set] = useSpring(() => ({ value:1 }));
set({value: 3, immediate: true}); //doesn't seem to work.
set({value: 3});

我该怎么做？

Answer 1

const [props, set] = useSpring(() => ({ value:1 }));
set({from: {value: 3}, value:2, reset: true});