两次响应本机渲染

Question

在新页面中从AsyncStorage调用状态时。 我发现错误，然后尝试在呈现函数中使用console.log两次发现console.log的状态，第一个控制台为null，第二个为AsyncStorage的状态。 为什么会发生？ 如何解决这个问题呢？

Answer 1

React将根据需要多次调用render来反映状态对象上的更改，如果您异步获取数据并更新状态，则将在第一次渲染组件时看到console.log消息，然后再次显示该数据获取并更新状态。

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