React Native 渲染两次

Question

当在新页面中从AsyncStorage调用状态时。我发现了错误，然后我尝试控制台.log渲染函数中的状态我找到了控制台.log两次，第一个控制台为空，第二个是来自 AsyncStorage 的状态。为什么会这样？如何解决这个问题？

Answer 1

React 会根据需要调用 render 多次以反映状态对象的更改，如果您正在异步获取数据并更新状态，您将在组件首次渲染时看到控制台.log消息，并在获取数据并更新状态后再次

看到。

换句话说，按预期工作，如果您只想记录一次任何消息，请尝试将此行移动到组件构造函数或组件 DidMount 方法。