模块引用
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={};}//第二种 |