react es5 与es6 区别总结

  1. require 与 import -> es6 不再使用require,使用import
  // es5
  var React = require('react');

  // es6
  import React form 'react'
  1. export 与 exports
  // es5
  modal.exports = Component;

  // es6
  export default Component;
  1. component 和 function
// es5
  var MyComponent = React.createClass({
    return function() {
      return <>hello</>
    }
  })

  // es6
  class MyComponent extends React.Component {
    render() {
      return  <>hello</>;
    }
  }
  1. props
es5: propsTypes
es6: this.props
  1. state
// es5
var Counter = createReactClass({
  getInitialState: function() {
    return {count: this.props.initialCount};
  },
});

// es6
class Counter extends React.Component {
  constructor(props) {
    super(props);
    this.state = {count: props.initialCount};
  }
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容