React/React Native的 ES5 ES6 写法对照
ES5 | ES6 | |
模块 |
var React = require("react-native);
var {
Image,
Text,
View
} = React;
|
import React, {
|
导出 |
var AppComponent = React.createClass({...}); |
export default class AppComponent extends React.Component{...} // 引用模块 import AppComponent from './js/AppComponent.js'; |
定义组件 |
var AppComp = React.createClass({ render: function(){ return (...) } }) |
class AppComp extends React.Component { render() { return (...) } }
|
定义组件方法 |
var AppComp = React.createClass({
|
class AppComp extends React.Component { componentWillMount() {...} render() { return (...); } }
|
初始化STATE |
var MyComponent = React.createClass({ getInitialState: function() { return { ... : ...} } }) |
class AppComponent extends React.Component { constructor(props) { super(props); this.state = { ... : ... } } } |