································································································
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)