react 蜜汁state烦恼【初始化state报错：null is not a object (evaluating ‘this.state.value’)】

原创于 2016-11-20 16:48:08 发布 · 3.7k 阅读

CC 4.0 BY-SA版权

8 篇文章

订阅专栏

本文讲述了在使用React结合ES6语法时如何正确初始化组件状态（state）。指出使用ES6类组件时，应当在构造函数（constructor）中定义初始状态，而非使用getInitialState方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最新用到react的state

在初始化时却报错

null is not a object (evaluating ‘this.state.value’)】

getInitialState () {
       return {num: 0};
 }

无论怎么修改，还是频繁报错

最后发现因为我用的是es6语法不是使用createClass 创建组件的而是使用 extends

用到es6的时候初始化state应该在constructor ()内，而不是用getInitialState()

 
class Search extends Component {
  constructor () {
    super();
    this.state = {
      ....
    }
  }
  ...
}

报错解决

react 蜜汁state烦恼 【初始化state报错：null is not a object (evaluating ‘this.state.value’)】