zoukankan      html  css  js  c++  java
  • react ES5 与ES6的写法

    ES5
    var React = require('react'); var ReactDOM = require('react-dom'); // 定义组件 var HelloMessage = React.createClass({ render: function() { return <div> React,我们来了... </div>; } }); // 组件渲染 ReactDOM.render(<HelloMessage />, rootElement);


    ································································································
    ES6
    import React, { Component } from 'react';
    import { render } from 'react-dom';
    
    // 定义组件
    class SimpleComponent extends Component {
      render(){
        return <div> React,我们来了... </div>;
      }
    }
    
    // 组件渲染
    render(<HelloMessage />, rootElement);
    `````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
    React.js

    React.Children: Object
    React.Component: ReactComponent(props, context, updater)
    React.DOM: Object
    React.PropTypes: Object
    React.cloneElement: (element, props, children)
    React.createClass: (spec)
    React.createElement: (type, props, children)
    React.createFactory: (type)
    React.createMixin: (mixin)
    React.

    ```````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
    Component API


    this.context: Object
    this.props: Object
    this.refs: Object
    this.state: Object
    this.setState: Object

    ······························································································································

    react-dom.js

    ReactDOM.findDOMNode: findDOMNode(componentOrElement)
    ReactDOM.render: ()
    ReactDOM.unmountComponentAtNode: (container)
  • 相关阅读:
    九月三十学习报告
    九月二十九学习报告
    九月二十八学习报告
    九月二十七学习报告
    九月二十五学习报告
    九月二十四学习报告
    九月二十三学习报告
    九月二十二学习报告
    九月二十学习报告
    网络协议中HTTP,TCP,UDP,Socket,WebSocket的优缺点/区别
  • 原文地址:https://www.cnblogs.com/zhx119/p/5607794.html
Copyright © 2011-2022 走看看