Question

当我想要获取数据时，我已经使用AsyncStorage存储了数据用户，它在警报和控制台中出现上述错误时呈现null，我不知道为什么。
我看不到为什么它用用户返回null但令牌一切都很好

profile.js：

  import React, {Component} from 'react';
  import { StyleSheet, Text, View, Image, TouchableOpacity,AsyncStorage} 
  from 'react-native';
  import { Container, Content, Header,Right, Left, Body} from 'native- 
  base';
  import Feather from 'react-native-vector-icons/Feather';
  export default class Profile extends Component {
  constructor (props){
    super(props);
    this.state = {
       user: null
    }
  }
  componentDidMount(){
     this.fetchData();
  }
  fetchData = async() =>{
      let username = await  AsyncStorage.getItem('user')
     this.setState({
            user: username
        })
         alert(user)
         console.log(user)
     };
  render(){return (....)}

在这里，当我存储数据用户和令牌时。
Signin.js：

 signInMethod =  () => {
this.setState({
  showProgress : true
});
return fetch(url, {
  method: "POST",
  headers: {
    'Accept': "application/json",
    'Content-Type': "application/json",
  },
  body : JSON.stringify({
    email : this.state.userEmail,
    password : this.state.userPassword
  })
  })
  .then((response) => response.json())
  .then((res) => {
    //if there was an error 
    if(res.error){
      //Alert.alert("رسالة","المرجو التأكد من صحة البيانات");
      this.setState({
        error: 'المرجو التأكد من صحة البيانات'
      });
      return;
    }
    //if there was no error then store the jwt in the localstorage
    this.setState({
      customerData : res.customer
    });
    if (this.state.customerData && res.token) {
    //we store the user data to be used localy
     AsyncStorage.setItem('user',JSON.stringify(res.customer));
    AsyncStorage.setItem('jwt', res.token);
      AsyncStorage.getItem('user');
      updateLogin(res.token);
       this.props.navigation.navigate('Home');
    }
   })
  .catch((err) => {
    Alert.alert("المرجو اعادة المحاولة لاحقا");
  })
  }

请帮助。

Answer 1

您做错了。

如果您需要打印出用户名，则必须执行console.log(username)。

alert也是如此。

如果您希望打印状态，它不会显示任何输出，因为setState({})函数调用是成批处理的，并且结果仅在随后的render()中可见给您< / p>

例如

render() {
    console.log(this.state.username); return(...)}

希望这个答案

Answer 2

我解决了问题：
profile.js：

    fetchData = async() =>{

    let  userData = await AsyncStorage.getItem('user', (value) => {
         JSON.parse(value);
     });
     //console.log(userData)
        this.setState({
               user: userData
           })   
alert(this.state.user)     
 //console.log(this.state.user.name);
}

我现在发现的问题是当我想向数据用户显示姓名，电子邮件...

<Text>{this.state.user.name}<Text>

我收到此错误：无法读取null的属性“名称”

可能的未处理的承诺拒绝（id：0）：ReferenceError：未定义用户ReferenceError：未定义用户

2 个答案: