兩次響應本機渲染

Question

在新頁面中從AsyncStorage調用狀態時。 我發現錯誤，然后嘗試在呈現函數中使用console.log兩次發現console.log的狀態，第一個控制台為null，第二個為AsyncStorage的狀態。 為什么會發生？ 如何解決這個問題呢？

Answer 1

React將根據需要多次調用render來反映狀態對象上的更改，如果您異步獲取數據並更新狀態，則將在第一次渲染組件時看到console.log消息，然后再次顯示該數據獲取並更新狀態。

換句話說，按預期工作，如果您只想記錄任何消息一次，請嘗試將此行移至組件構造函數或componentDidMount方法。