javascript - 为什么没有为我的 React 类调用 getInitialState？

Question

我在 Babel 中使用 ES6 类。我有一个看起来像这样的 React 组件:

import { Component } from 'react';

export default class MyReactComponent extends Component {
  getInitialState() {
    return {
      foo: true,
      bar: 'no'
    };
  }

  render() {
    return (
      <div className="theFoo">
        <span>{this.state.bar}</span>
      </div>
    );
  }
}

它看起来不像是调用了 getInitialState，因为我收到了这个错误:Cannot read property 'bar' of null。

Answer 1

开发人员在 Release Notes for v0.13.0 中谈论 ES6 类支持.如果您使用扩展 React.Component 的 ES6 类，那么您应该使用 constructor() 而不是 getInitialState:

The API is mostly what you would expect, with the exception of getInitialState. We figured that the idiomatic way to specify class state is to just use a simple instance property. Likewise getDefaultProps and propTypes are really just properties on the constructor.