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

【问题标题】：How to avoid re render the screen when we come back using functional component当我们使用功能组件返回时如何避免重新渲染屏幕
【发布时间】：2021-04-05 11:46:20
【问题描述】：

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

【问题讨论】：

标签： react-native rendering

【解决方案1】：

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

要导航 B，您可以调用：

navigation.navigate('ScreenB')

要回到A，你可以使用

navigation.goBack()

【讨论】：

【解决方案2】：

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

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

【讨论】：