设置初始状态

我们如何设置初始状态有所变化。

React.createClass

我们有一个 getInitialState 函数，它只返回一个初始状态的 Object。

import React from 'react';

const MyComponent = React.createClass({
  getInitialState () {
    return {
      activePage: 1
    };
  },
  render() {
    return (
      <div></div>
    );
  }
});

export default MyComponent;

React.Component

在这个版本中，我们将所有状态声明为构造函数中的简单初始化属性，而不是使用 getInitialState 函数。感觉更少 React API 驱动，因为这只是简单的 JavaScript。

import React from 'react';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      activePage: 1
    };
  }
  render() {
    return (
      <div></div>
    );
  }
}

export default MyComponent;