【发布时间】:2018-11-28 20:48:04
【问题描述】:
我正在尝试使用异步存储来存储存储为对象的两个文本输入值,并将其传递到不同的视图,它们将在按下按钮时显示。
正如其他 StackOverflow 帖子中提到的,我使用 JSON.parse 和 JSON.stringify 将对象作为 JSON 数据传递,但由于某种原因,我仍然收到错误 JSON Parse Error: Unexpected Identifier "Undefined"(React Native )
添加数据
class AddData extends React.Component {
constructor(props) {
super(props);
this.state = {
text1: '' ,
text2: ''
};
}
render() {
function BtnPress() {
alert('Hi')
}
return (
<View style={{flex: 1, flexDirection: 'column', justifyContent:'center', alignItems: 'center'}}>
<TextInput
style={{height: 40,width:200}}
onChangeText={(text1) => this.setState({input1: text1})}
/>
<TextInput
style={{height: 40,width:200}}
onChangeText={(text2) => this.setState({input2: text2})}
/>
<Button
onPress={() => {
AsyncStorage.setItem('user', JSON.stringify({
name:'Rohit',
email: 'rohitgird12gmail.com'
}));
this.props.navigation.navigate('Home', {});
}}
title="Submit"
/>
</View>
);
}
}
查看显示数据
class DetailsScreen extends React.Component {
displayName = async ()=> {
try {
const myArray = await AsyncStorage.getItem('user');
if (myArray !== null) {
alert(JSON.parse(myArray.name));
}
} catch (error) {
alert(error)
}
}
render() {
return (
<View style={{flex: 1, flexDirection: 'column', justifyContent:'center', alignItems: 'center'}}>
<Button
onPress={this.displayName}
title="Get Data"
/>
</View>
);
}
}
【问题讨论】:
标签: json reactjs react-native