0

我遵循了有关 AsyncStorage 的文档示例：

React Native - AsyncStorage 文档

. 所以，我实现了我的代码：

var STORAGE_KEY = '@AsyncStorageExample:key';

我用这个函数定义我的类：

我有一个初始状态：

state={
  defineValor: 0,
};

和componentDidMount函数和_loadInitialState：

componentDidMount() {
  this._loadInitialState().done();
};

_loadInitialState = async () => {
  try {
    var value = await AsyncStorage.getItem(STORAGE_KEY);
    if (value !== null){
      this.setState({defineValor: value});
      alert('Recovered selection from disk: ' + value);
    } else {
      alert('Initialized with no selection on disk.');
    }
  } catch (error) {
    alert('AsyncStorage error: ' + error.message);
  }
};

因此，我创建了一个函数来使用 AsyncStorage 以及在文档中更改状态：

changeState = () => {
  this.setState ({
    defineValor: 1
  });
  try {
    AsyncStorage.setItem(STORAGE_KEY, this.state.defineValor);
    alert('Saved selection to disk: ' + this.state.defineValor);
  } catch (error) {
    alert('AsyncStorage error: ' + error.message);
  }
};

因此，当我打开应用程序时，所有进程都会运行，提示“已初始化，磁盘上没有选择”，当我调用我的函数时changeState，他会提示“已将选择保存到磁盘：1”。但是当我关闭应用程序并重新打开时，状态没有保存，并且他警告“已初始化，磁盘上没有选择。”。我究竟做错了什么？

4

1 回答 1

2

setState有一个回调AsyncStorage.setItem在该回调中执行。AsyncStorage 也只接受字符串作为值

this.setState({ defineValor: string }, () => {
  try {
    AsyncStorage.setItem(STORAGE_KEY, this.state.defineValor);
    alert('Saved selection to disk: ' + this.state.defineValor);
  } catch (error) {
    alert('AsyncStorage error: ' + error.message);
  }
});
于 2017-03-24T19:07:52.447 回答