如何使用 await 关键字和 asyncstorage setitem 进行服务器响应？

Question

我正在尝试在我的 react 本机应用程序中使用 asyncstorage。问题是我得到的服务器响应需要一些延迟，所以我想等待响应然后我想使用该 responseData.user_id 来保存我的应用程序。我使用 nodejs 作为后端和 mysql db。所以在用户注册后，我将它插入到 db，同时我编写了另一个查询来获取他们的 user_id (PK)。所以这个 responseData 正在到达客户端我正在尝试从响应中获取那个 user_id。所以我写了这样的东西

   onPressRegister = async () => {

  try {
    let response = await fetch('http://192.168.1.2:3000/users/registration', {
      method: 'POST',
      headers: {
        'Accept': 'applictaion/json',
        'Content-Type': 'application/json',

      },
      body: JSON.stringify({
        contact: this.state.contact,
        password: this.state.password,
      })
    });

    let responseData = await response.json();

    if (responseData) {

      try {
                Action.firstScreen();
        await AsyncStorage.setItem('userid', JSON.stringify(responseData.userData.phone_no));
      }
      catch (e) {
        console.log('caught error', e);
      }

    }
  } catch (error) {
    console.error(error)
  }

}

在我的下一个屏幕中，我将像这样访问用户 ID。然后像这样传递下一个 API 调用。

         getUserId = async () => {
      let userId = await AsyncStorage.getItem('userid');
      return userId;
    }


onPressYes = (workType) => {
        this.getUserId().then((userId) => {

   this.setState({userId:userId})

})

         fetch('http://192.168.1.2:3000/users/user_request',{
           method:'POST',
           headers:{
             'Accept': 'application/json',
             'Content-Type': 'application/json',
           },
           body:  JSON.stringify({
            workType,
            phone:this.state.userId
             })
         })
         .then(response => response.json())
         .then((responseData) => {
           this.setState({
           data:responseData
         });
         });
     }

但这是我遇到的错误。

Answer 1

试试这个：

onPressRegister = async () => {

  try {
    let response = await fetch('http://192.168.1.6:3000/users/registration', {
      method: 'POST',
      headers: {
        'Accept': 'applictaion/json',
        'Content-Type': 'application/json',

      },
      body: JSON.stringify({
        contact: this.state.contact,
        password: this.state.password,
      })
    });

    let responseData = await response.json();

    if (responseData) {

      try {
        await AsyncStorage.setItem('userid', JSON.stringify(responseData.user_id));
      }
      catch (e) {
        console.log('caught error', e);
      }

    }
  } catch (error) {
    console.error(error)
  }

}

要访问其他组件中的值：

getUserId = async () => {
  let userId = await AsyncStorage.getItem('userid');
  return userId;
}

componentWillMount() {
  this.getUserId().then((userId) => {
    console.log(userId);
  })
}