ios - 如何使用 native react 在 AsyncStorage block 中设置状态？
<p><p>我想要 <strong>AsyncStorage</strong>block 中的 <strong>setState</strong>，但出现错误:<strong>undefined is not an object(evaluation 'this.setState')</strong>。 </p>
<pre><code>constructor(props){
super(props);
this.state={
activeID:this.props.data.channel.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');
}
});
}
</code></pre>
<p>任何帮助将不胜感激，谢谢。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>这是一个绑定(bind)问题。请尝试以下操作:</p>
<pre><code>componentDidMount() {
AsyncStorage.getItem(this.props.data.type, (errs,result) => {
if (!errs) {
if (result !== null) {
this.setState({activeID:result});
}
}
})
}
</code></pre>
<p>这样做的原因是使用 <code>function</code> 说明符声明的函数创建了自己的上下文，即 <code>this</code> 的值不是您的组件的实例.但是“胖箭头”函数不会创建新的上下文，因此您可以使用里面的所有方法。您也可以 <code>bind</code> 函数以保留上下文，但在这种情况下，我认为此解决方案更简洁。</p></p>
<p style="font-size: 20px;">关于ios - 如何使用 nativereact 在 AsyncStorageblock 中设置状态？，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/41114460/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/41114460/
</a>
</p>
页:
[1]