应该如何修改 AsyncStorage 以使其在刷新后也保持 inputtext 值？

Question

我的代码在 textinput 中输入并保存在 asynchStorage 中，这样可以正常工作。我需要一些帮助来修改我的代码，以便在刷新后 textinput 应该填充用户使用 redux-persist 输入的相同文本。这是我的 App.js

import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, TextInput, Button, View, AsyncStorage} from 'react-native';

export default class AsyncStorageExample extends Component {

  constructor(props) {
    super(props);
    this.state = {
        myKey: null
    }
  }

  async getKey() {
    try {
      const value = await AsyncStorage.getItem('@MySuperStore:key');
      this.setState({myKey: value});
    } catch (error) {
      console.log("Error retrieving data" + error);
    }
  }

  async saveKey(value) {
    try {
      await AsyncStorage.setItem('@MySuperStore:key', value);
    } catch (error) {
      console.log("Error saving data" + error);
    }
  }

  render() {
    return (
      <View>
        <TextInput
          style={styles.formInput}
          placeholder="Enter key you want to save!"
          value={this.state.myKey}
          onChangeText={(value) => this.saveKey(value)}
          />
      </View>
    );
  }
}
AppRegistry.registerComponent('AsyncStorageExample', () => AsyncStorageExample)

Answer 1

您可以在启动画面中调用 getKey() 或 View 的 ComponentDidMount() 方法来显示文本输入