React.createClassからReact.Componentにしたときのメモ

import

React.createClass

<script src="//fb.me/react-0.13.3.js"></script>
<script src="//fb.me/JSXTransformer-0.13.3.js"></script>

React.Component

import * as React from 'react';
import * as ReactDOM from 'react-dom';

クラス宣言

React.createClass

let MyComponent = React.createClass({
	//
});

React.Component

class MyComponent extends React.Component {
	//
}

Status

React.createClass

getInitialState() {
    return {
		//
    };
  },

React.Component

  constructor(props) {
    super(props);
    this.state = {
    	//
    };
  }

thisのバインド

React.createClass

必要なし

React.Component

  constructor(props) {
    super(props);
    this.updateStatus = this.updateStatus.bind(this);
    this.save = this.save.bind(this);
    
	//
  }

Render

React.createClass

React.render(<MyComponent />, document.getElementById("bar"));

React.Component

ReactDOM.render(<MyComponent />, document.getElementById("bar"));

参考