如何将用户名和密码保存在缓存中？反应式

Question

我尝试将我的用户名和密码保存在缓存中。我无法保存两个数据，所以我尝试只在代码下方保存用户名。

但是当我向 TextInput 输入字母时，数据会转到

保存数据（）

但是在这里，this.setState 不起作用，我不知道为什么。因为在渲染页面时，

console.log("mykey:", this.state.mykey);

给了我一个空的对象

这是代码

<View style={styles.ChildViewStyle}>

    <TextInput
        value = {this.state.mykey}
        placeholder= "Kullanıcı Adı"
        placeholderTextColor="#fff"
        onChangeText={(text) =>  this.savedata(text)}
        keyboardType='email-address'
        onSubmitEditing={() => this.passwordInput.focus()}
        style={styles.input}
    />

</View>

这是我的方法

savedata = (value) => {
    AsyncStorage.setItem("myKey", value);
    this.setState({myKey: value});

    console.log("deneme",value);
}

componentDidMount(){
    AsyncStorage.getItem("myKey").then((value) => {
        this.setState({myKey: value});
        console.log("didmounth : ", value)
    }).done();
}

另外如何保存用户名和密码这两个值？

Answer 1

您可以尝试将 json 存储为字符串，然后在 get 期间解析 json

savedata = (username,password) => {
 let value = {'username' : username, 'password':password}   
 await AsyncStorage.setItem('myKey', JSON.stringify(value));
    this.setState({myKey: value});

    console.log("deneme",value);
} 

constructor(){
    AsyncStorage.getItem("myKey").then((value) => {
         if (value){
         let valueParsed = JSON.parse(value)        
         this.setState({myKey: valueParsed});
         console.log("didmounth : ", valueParsed)
         }    
})
}

Answer 2

AsyncStorage.setItem 和 this.setState 是 async funtion，所以你的 console.log() 不会像你希望的那样工作。为了安慰你可以试试

savedata = async (value) => {
  try {
    await AsyncStorage.setItem("myKey", value);
    this.setState({myKey: value}, () => {
      console.log("deneme",value);
    })
  } catch (error) {
    console.log('Store error');
  }
}