• 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)
  • 相关阅读:
    linux如何查看ip地址
    mybais-plus整合springboot自动代码生成。
    org.springframework.beans.factory.UnsatisfiedDependencyException 问题
    springboot中使用AOP做访问请求日志
    springboot集成swagger
    springboot中的跨域问题
    spring中的ApplicationListener
    spring中的BeanDefinitionRegistryPostProcessor
    spring中的BeanFactoryPostProcessor
    servlet中ServletContainerInitializer
  • 原文地址:https://www.cnblogs.com/zhx119/p/5607794.html
Copyright © 2020-2023  润新知