reactjs - 尝试通过 React Navigation 了解 useCallback 在这种情况下的使用

Question

我正在尝试了解为什么在这种情况下有必要使用 useCallback:

function MyComponent() {
  const navigation = useContext(NavigationContext);

  const redirect = useCallback(() => {
    navigation.navigate("Home");
  });

  useEffect(() => {
    redirect();
  }, [redirect]);
}

我无法直接在 useEffect() 中使用 navigation，而且如果没有 useCallback()，我也无法引用该函数。我不知道为什么我可以在 useEffect 中毫无问题地使用 Firebase Context(来自 Firestore 实例)等其他对象，但我不能直接使用 navigation。

Answer 1

通过快速查看等效代码库: Firebase Context provider返回内存而 react-navigation one只返回对象。