警告:只能更新已安装或安装的组件 - React native

时间:2018-01-29 19:31:01

标签: react-native react-navigation

我正在为我的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;

我认为其中一个问题是当我卸载该组件时间隔继续。

0 个答案:

没有答案