設定初始狀態

我們如何設定初始狀態有所變化。

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;