javascript - 将 JSON 响应中的值存储到 AsyncStorage React Native

Question

我正在尝试在 AsyncStorage 中存储用户 ID(类型为数字)，但这会引发以下错误:

异常'-[_NSCFNumber length]:在目标上调用多重集时抛出发送到实例 0xb0000000000000023 的无法识别的选择器

带参数的 AsyncLocalStorage (((userid, 2))

请帮我解决这个问题。

class SignIn extends Component {

  loginHandler = async () => {
    this.setState({ loading: true });
    try {
      let { data } = await axios
        .post("http://offer.kdamjibhai.com/api/login", {
          username: this.state.username,
          password: this.state.password
        })
        .then(response => {
          if (response.data.status_code === 200) {
            if (response.data.data.status === "success") {
              //alert('came here ')
              AsyncStorage.setItem("loggedIn", "true");
              AsyncStorage.setItem('userid', response.data.data.user_info.user_id);
              
              this.setState({ loading: false });
              this.props.navigation.navigate("SignedIn");
            } 
          } else {
            alert(response.data.data.message);
            this.setState({ loading: false });
          }
        });
    } catch (err) {
      console.log(err);
    }
    
  };

  render() {}

}

export default SignIn;

Answer 1

我试过你的代码，返回的useid是Number，AsyncStorage只能存储字符串。所以需要先将userid转成string，然后才能保存。您应该使用 .then().catch() 来处理错误而不是 try{} catch{} 并删除 async, await 关键字，因为你正在使用 .then().catch() 语法。

loginHandler = () => {
  this.setState({ loading: true });
  axios
  .post("http://offer.kdamjibhai.com/api/login", {
    username: this.state.username,
    password: this.state.password
  })
  .then(response => {
    if (response.data.status_code === 200) {
      if (response.data.data.status === "success") {
        //alert('came here ')
        AsyncStorage.setItem("loggedIn", "true");
        AsyncStorage.setItem('userid', response.data.data.user_info.user_id.toString());
        this.setState({ loading: false });
        this.props.navigation.navigate("SignedIn");
      }
    } else {
      alert(response.data.data.message);
      this.setState({ loading: false });
    }
  })
  .catch((error) => {
    console.log(error);
  })
};