ios - 如何使用 React Native 在 AsyncStorage block 中设置状态？

Question

我想在 AsyncStorage block 中使用 setState 但出现错误:undefined is not an object(evaluating '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');
     }
 });
}

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

Answer 1

这是一个有约束力的问题。尝试以下操作:

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

原因是用function说明符声明的函数创建了它们自己的上下文，也就是说，this的值不是你组件的实例.但是“粗箭头”函数不会创建新的上下文，因此您可以使用其中的所有方法。您也可以绑定(bind)函数以保持上下文，但在这种情况下，我认为此解决方案更简洁。