ES5 VS ES6

模块引用

ES5 ES6
var React = require("react"); import React from 'react';

组件化

ES5 ES6
var ComponentName = React.createClass({}); module.exports = ComponentName; export default class ComponentName extends Component {};

组件方法

ES5 ES6
componentWillMount: function(){},//有逗号 compoentWillMount(){}//没有逗号

属性类型和默认属性

ES5 ES6
getDefaultProps: function(){return {};}, propTypes: {name: React.PropTypes.bool.isRequired},// 有逗号 static defaultProps={}; static propTypes={};// 有分号

state

ES5 ES6
getInitialState:function(){return{};}, state={};//第一种 constructor(props){super(props);this.state={};}//第二种

你可能感兴趣的:(ES5 VS ES6)