我正在为我的React Native应用程序使用React Navigation,我的视图看起来像这样:
root/
game1
Details game1
game2
Details game2
game3
Details game3
我有一个堆栈导航,当我安装其中一个游戏时,我有axios检索一些数据,比如团队名称和每个游戏中团队的一些信息。每当我卸载并输入然后安装新游戏时,我都会收到此错误:Warning: Can only update a mounted or mounting component
并且我的图片加载非常慢。我在componentWillmount / didmount中没有任何代码,因为我的screenprops在安装时是一个空字符串,然后在安装完成后变成一个对象。我在不同的生命周期中尝试过console.log,它只是说在安装完成时它就是一个对象。
通常会产生这个问题,我该如何解决?
我有一个看起来像这样的组件
class Blinking extends Component {
constructor(props) {
super(props);
this.state = {
showText: true
};
setInterval(() => {
this.setState(previousState => {
return { showText: !previousState.showText };
});
}, 1000);
}
render() {
return (
<View style={{ opacity: this.state.showText ? 1 : 0 }}>
{this.props.children}
</View>
);
}
}
export default Blinking;
我认为其中一个问题是当我卸载该组件时间隔继续。