React Native：动画回调在使用挂钩时不访问最新状态

Question

希望你们今天过得愉快。我是第一次对原生动画做出反应，遇到了一个问题。问题是我正在更新动画回调中的状态，就像这样

Animated.timing(position, {
  toValue: {
    x: 500,
    y: 0,
  },
  duration: 250,
  useNativeDriver: false,
}).start(() => {
  setActiveIndex(activeIndex + 1)
});

状态已更新，但当第二次调用此动画函数时，它无法访问最新状态。如果activeIndex为0，并且第一次运行时，activeIndex更新为1，但第二次调用此动画函数时，activeIndex仍然为0，并且仍然更新为1，依此类推。activeIndex在此回调外部更新—这只发生在回调内部。

任何帮助都将不胜感激。

Answer 1

好的，我认为问题在于你没有得到状态的更新值。请记住，设置状态是一个异步过程，当您告诉React to getactiveIndex时，状态可能已过时。

解决此问题的推荐方法是使用setState函数的回调，该函数将获得该状态的确切先前值，如下所示：

setActiveIndex(prevIndex => prevIndex + 1)