React Native - 我似乎无法让 Axios 和 AsyncStorage 在 Android 中一起工作，但代码在 iOS 上工作？

Question

checkState = async() => {

try {
  const value = await AsyncStorage.getItem('access');
  if (value !== null) {
    this.setState({accessToken: value});
  }
}
catch (error) {
  // Error retrieving data
  this.setState({accessToken: ''});
}
var that = this;
if(this.state.accessToken) {
  axios.get(apicallurl, 
  {headers: {
    'Authorization': 'Bearer ' + that.state.accessToken,
     Accept: 'application/json',
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
  }}) 
  .then(response => {
      this.setState({userData: response.data.data[0]});
    })
    .catch(function (error) {
      that.setState({accessToken: ''});
    });
}

};

这是在 ComponentDidMount 中调用的函数。访问此组件时，我需要检查用户是否已登录。我得到了 accessToken 的值。它在第一个 if 语句中检查是否存在访问令牌。

问题是我没有得到响应，但我发现了错误。相同的代码可以在 iOS 上运行，如果远程 JS 调试打开，它甚至可以在 Android 上运行。但是，如果远程 JS 调试关闭，它就不起作用。提前致谢！

Answer 1

您使用 setState 的方式存在问题，

来自 React 文档，

对 setState 的调用是异步的 - 不要依赖 this.state 来调用 调用 setState 后立即反映新值。

因此在this.setState({accessToken: value}) 之后立即访问this.state.accessToken 可能会给您旧值。

为了解决这个问题，

const value = await AsyncStorage.getItem('access');

在函数内部使用value，在axios响应后使用setState。

例如，使用 if(value) 代替 if(this.state.accessToken)

提示：当您不在渲染中使用时，不要在 state 中存储值 看法。无论如何，您不会因此在任何视图中显示 accessToken， 最好不要存放在任何状态。最好将其存储在本地或类中 变化它绰绰有余。

还有其他方法可以解决此问题，但以上方法最适合您的情况。阅读 React 文档了解更多信息。

检查并判断这是否解决了问题。