OGeek|极客世界-中国程序员成长平台

标题: ios - 如何使用 native react 在 AsyncStorage block 中设置状态？ [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 14:28
标题: ios - 如何使用 native react 在 AsyncStorage block 中设置状态？

我想要 AsyncStorage block 中的 setState，但出现错误:undefined is not an object(evaluation 'this.setState')。

constructor(props){
    super(props);
    this.state={
        activeID:this.props.data.channel[0].id
    };
}

componentDidMount() {
    AsyncStorage.getItem(this.props.data.type,function(errs,result){
        if (!errs) {
            if (result !== null) {
                this.setState({activeID:result});
            }
        }
    });
}

_buttonPressed = (id,name,index) => {
    this.setState({activeID:id});

    AsyncStorage.setItem(this.props.data.type,id,function(errs){
     if (errs) {
       console.log('error');
     }
     if (!errs) {
       console.log('succeed');
     }
 });
}

任何帮助将不胜感激，谢谢。

---

Best Answer-推荐答案

这是一个绑定(bind)问题。请尝试以下操作:

componentDidMount() {
    AsyncStorage.getItem(this.props.data.type, (errs,result) => {
        if (!errs) {
            if (result !== null) {
                this.setState({activeID:result});
            }
         }
    })
 }

这样做的原因是使用 function 说明符声明的函数创建了自己的上下文，即 this 的值不是您的组件的实例.但是“胖箭头”函数不会创建新的上下文，因此您可以使用里面的所有方法。您也可以 bind 函数以保留上下文，但在这种情况下，我认为此解决方案更简洁。

关于ios - 如何使用 native react 在 AsyncStorage block 中设置状态？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41114460/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (https://ogeek.cn/)

Powered by Discuz! X3.4