AsyncStorage数据保存解析

export default class Zhuxiao extends Component {

  constructor(props) {

    super(props);

    this.state = {

      name: "",

      denglu: false,

      value: false,

      tt: ""

    };

  }

  componentDidMount() {

    this.shifou();

  }

  shifou = async () => {

    let na = await AsyncStorage.getItem("name");

    if (na) {

      this.setState({

        name: na,

        denglu: true

      });

    } else {

      this.setState({

        name: na,

        denglu: false

      });

    }

  };

  gettext = tt => {

    this.setState({

      tt: tt

    });

  };

  render() {

    return (

     

        {this.state.denglu ? (

         

            {this.state.name}

           

              title="注销"

              onPress={async () => {

                await AsyncStorage.clear();

                this.props.navigation.navigate("Login");

              }}

            />

         

        ) : (

         

            title="请登录"

            onPress={() => {

              this.props.navigation.navigate("Login");

            }}

          />

        )}

       

          value={this.state.value}

          onValueChange={value => {

            this.setState({

              value: value

            });

          }}

        />

        {this.state.value && (

         

           

           

             

                title="添加"

                onPress={async () => {

                  await AsyncStorage.setItem("tt", this.state.tt);

                }}

              />

             

                title="删除"

                onPress={async () => {

                  await AsyncStorage.clear();

                }}

              />

             

                title="查询"

                onPress={async () => {

                  const aa = await AsyncStorage.getItem("tt");

                  ToastAndroid.show(aa, ToastAndroid.SHORT);

                }}

              />

           

         

        )}

     

    );

  }

}

。。。。。。。。。。。。。。。。。。。

export default class Login extends Component {

  constructor(props) {

    super(props);

    this.state = {

      name: "",

      denglu: false

    };

  }

  change = text => {

    this.setState({

      name: text,

      denglu: true

    });

  };

  render() {

    return (

     

       

        {this.state.name}

       

         

            title="登陆"

            onPress={async () => {

              await AsyncStorage.setItem("name", this.state.name);

              this.props.navigation.navigate("Zhuxiao");

            }}

          />

       

     

    );

  }