如何在您的react本机应用程序中存储用户输入数据

时间:2017-11-30 04:16:48

标签: react-native storage

我知道可以使用本地存储为Web应用程序存储数据,但我如何为本机应用程序执行此操作。我做的应用程序允许用户在输入字段中输入电话号码,它将拨打该号码。我也有一个登录页面。我想当他们重新打开应用程序时,他们输入到输入字段的最后一个数字仍然存在。下面是代码

<View>
<Text style={styles.phoneNumberTitle}>PHONE NUMBER</Text></View>
<TextInput style={styles.inputs}
ref={(el)=>{this.recipient=el;}}
onChangeText={(recipient)=>this.setState({recipient})}
value={this.state.recipient}/>

<Button title="CALL"
style={styles.callButtCont}
onPress={this.setTimer.bind(this)} />

1 个答案:

答案 0 :(得分:2)

AsyncStorage是一个简单的,未加密的,异步的,持久的键值存储系统,对应用程序来说是全局的。它应该用来代替LocalStorage。

在顶部导入AsyncStorage: -

import { AsyncStorage} from 'react-native'

设置如下: -

AsyncStorage.setItem("recipient", this.state.recipient);

并像这样访问: -

AsyncStorage.getItem("recipient").then((value) => {
   alert("Get recipient >> ", value);
}).done();

参考:https://facebook.github.io/react-native/docs/asyncstorage.html