React Native渲染两次

Question

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

Answer 1

React会根据需要多次调用render以反映状态对象的更改，如果异步获取数据并更新状态，则会在首次呈现组件时看到console.log消息，并再次一旦获取数据并更新状态。

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