react-native - 如何使用 useFocusEffect Hook

Question

作为文档 https://reactnavigation.org/docs/en/next/use-focus-effect.html ,

“有时我们希望在屏幕聚焦时运行副作用。副作用可能涉及添加事件监听器、获取数据、更新文档标题等。”

我正在尝试使用 useFocusEffect每次用户访问该页面时获取数据。

在我的组件上，我有一个函数，它使用 redux 调度一个 Action 来获取数据:
const fetchData = ()=>{
dispatch(companyJobsFetch(userDetails.companyId));
};
其实我用的是useEffect挂断电话fetchData() ，但我想在用户每次访问该页面时获取数据，而不仅仅是在第一次呈现时。

从文档中不清楚如何使用 useFocusEffect而且我在如何做到这一点上没有成功。

有什么帮助吗？

Answer 1

文档向您展示了如何做到这一点。您需要更换 API.subscribe用你自己的东西:

useFocusEffect(
  React.useCallback(() => {
    dispatch(companyJobsFetch(userDetails.companyId));
  }, [dispatch, companyJobsFetch, userDetails.companyId])
);