React-Native AsyncStorage setItem不起作用？

Question

我有一個關於AsyncStorage的問題。

console.log(this.state.UserEmail);
AsyncStorage.setItem('email', JSON.stringify(this.state.UserEmail));

控制台日志可以很好地記錄用戶的電子郵件，但是由於某些原因，當我嘗試執行此操作時

AsyncStorage.getItem("email").then((res) => { this.setState({username: res })});

項目名稱為“ email”的AsyncStorage似乎為空。因為如果我console.log this.state.username，它不返回任何內容。

提前致謝，

馬里奧

Answer 1

//看看這個 ！

state = {
        UserEmail: 'abcd@gmail.com'
      }

async setValue() {
        await AsyncStorage.setItem('email', JSON.stringify(this.state.UserEmail));
 }

 async getValue() {
  try {
       const value = await AsyncStorage.getItem('email');
         if (value !== null) {
            // We have data!!
            console.log(value);
         }
      } catch (error) {
          // Error retrieving data
    }
 }

Answer 2

AsyncStorage.getItem("email").then((res) => { this.setState({username: res })});

至：

AsyncStorage.getItem("email").then(async (res) => {
  const val = await res;

  this.setState({username: val })
});

在執行setState之前應等待響應數據