react ES5 與ES6的寫法



································································································
ES6ES5
var React = require('react'); var ReactDOM = require('react-dom'); // 定義組件 var HelloMessage = React.createClass({ render: function() { return <div> React,咱們來了... </div>; } }); // 組件渲染 ReactDOM.render(<HelloMessage />, rootElement);

`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
React.js

import React, { Component } from 'react'; import { render } from 'react-dom'; // 定義組件 class SimpleComponent extends Component { render(){ return <div> React,咱們來了... </div>; } } // 組件渲染 render(<HelloMessage />, rootElement);


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


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.


······························································································································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)
相關文章
相關標籤/搜索