本地存储项返回空值

Question

我将令牌存储在本地存储中。问题是我通过开发者工具在浏览器中看到了它的价值，但是当我做 localStorage.getItem('authToken') 它返回 null

我什至尝试过异步方式，但它不起作用

Code

    //local-storage.js
    export const loadAuthToken = () => {
        return localStorage.getItem('authToken');
    };

    //auth.js
    const token = localStorage.getItem('authToken');

我应该得到正确的值。但是却得到了 authToken 的空值

Answer 1

localStorage.setItem('authToken') 和 localStorage.getItem('authToken') 是 asynchronous 任务。 有时你在setItem 会失败之后运行let token = localStorage.getItem('authToken')，所以你得到一个空值，所以请延迟一段时间后再运行getItem。

你可以使用这样的东西：

setTimeout(function() {
    let token = localStorage.setItem('authToken');
}, 50);

从本地存储中获取数据也一样

setTimeout(function() {
        let token = localStorage.getItem('authToken');
    }, 50);

或者您可以使用AsyncStorage 代替localstorage。 AsyncStorage 比 localstorage 更有前途。

await AsyncStorage.getItem('loginStatus')
      .then(value => this.setState({ loginStatus: value }))
      .catch(e => console.log('err', e));