react-spring - 设置插值的初始值

Question

下面的动画将从1 变为2。

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

但是，我们假设我希望立即将值更改为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});