时间戳

首页 > 解决方案 > JSON 解析错误：意外的标识符“未定义”（React Native）

json - JSON 解析错误：意外的标识符“未定义”（React Native）

问题描述

我正在尝试使用异步存储来存储存储为对象的两个文本输入值，并将其传递到不同的视图，它们将在按下按钮时显示。

正如在其他 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>
    );
  }
}

标签： jsonreactjsreact-native

解决方案

看起来就像是在您保护自己的同时const myArray = await AsyncStorage.getItem('user');返回，这还不够。undefinednull

Antoher 可能的问题在于：JSON.parse(myArray.name)。你确定它不应该是JSON.parse(myArray).name吗？

推荐阅读