如何在React Native中通过AsyncStorage获取和对齐项目？

Question

我正在尝试通过React native中的AsyncStorage获取和对齐项目。

以下是我对我的应用程序的要求。

1. 每个用户在屏幕上的每个表单中输入字符串数据。
2. AsyncStorage在用户输入后保存该数据。
3. 用户返回或移至另一页面。
4. 用户返回上一个屏幕。
5. 用户之前输入的所有数据都可以显示。

下面是我的代码。 现在，我只可以执行一项操作。（以下代码中的“全名”） 但是我想对所有项目都做同样的事情。

constructor(props) {
 super(props);
  this.state = {
   fullname: '',
   middleName: '',
 }
}


componentDidMount() {
AsyncStorage.getItem('fullname')
  .then((text) => {
    if (text !== null) {
      console.log(text);
      this.setState({ fullname: text });
    }
  })
  .catch((error) => {
    console.log(error);
  });
 }


 <QuestionTextSet
      onChangeText={(text) => {
        AsyncStorage.setItem('fullname', text);
        this.setState({ fullname: text });
      }}
      placeholder={'例：留学太郎'}
      value={this.state.fullname}
      editable
    >
      姓名（漢字表記）
    </QuestionTextSet>
    <QuestionTextSet
      onChangeText={(text) => {
        AsyncStorage.setItem('middleName', text);
        this.setState({ middleName: text });
      }}
      value={this.state.middleName}
      editable
    >
      本名以外に旧姓・通称名(通名)・別名など他の名前があればローマ字で記入
    </QuestionTextSet>