React Warn & Error FAQ

1. instance.render is not a function

图1

没有render方法导致的。

-----


2. Can't call setState (or forceUpdate) on an unmounted component. 

  这种报错是因为组件已经销毁了(componentWillUnmount钩子函数已触发)但是还调用了组件的SetState方法。 

一般什么情况下会出现这种情况呢?

如下示例代码所示:

export class  XX extend Component{

...

componentWillMount() {

        // 划重点

       window.onclick = () => { this.setState({

           aa : 'aa,'

        })}

    }

....

}

通过上面的代码我们可以看到,组件销毁后但是挂载在window上面的 onclick事件依然生效,此时触发事件后就会引起以上warning。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 8,524评论 1 33
  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 2,860评论 1 18
  • 40、React 什么是React?React 是一个用于构建用户界面的框架(采用的是MVC模式):集中处理VIE...
    萌妹撒阅读 1,052评论 0 1
  • 生命周期流程图简单如下: 组件让你把用户界面分成独立的,可重复使用的部分,并且将每个部分分开考虑。React.Co...
    Simple_Learn阅读 1,094评论 0 0
  • 有兴趣的话、可以一起试一试哦~
    _ChTj阅读 233评论 0 2