当我们使用功能组件返回时如何避免重新渲染屏幕

Question

我是本机反应的新手，我正在使用带有功能组件的两个屏幕进行应用程序。首先，当我进入屏幕 A 时，调用 api 并呈现屏幕。然后我从屏幕 A 转到屏幕 B，并渲染屏幕 B。现在，当我从屏幕 B 返回到屏幕 A 时，再次调用 api 并重新渲染屏幕。我不想在再次访问屏幕时重新渲染，我只想在我第一次访问该屏幕时渲染，直到我重新启动应用程序。所以请告诉我如何避免这种重新渲染。

Answer 1

您可以使用 react-navigation/stack 在屏幕之间移动。 https://reactnavigation.org/docs/navigating

要导航 B，您可以调用：

navigation.navigate('ScreenB')

回到A，你可以使用

navigation.goBack()

Answer 2

是否已将 API 调用块封装在 useEffect() 挂钩中？

如果没有将其包装在 useEffect 中并指定所需的依赖项以避免不必要的重新调用。