通过npm使用React

npm install react react-dom babelify

安装Browserify@H_301_6@

npm install -g browserify

编译为浏览器脚本@H_301_6@

// JSX代码写在main.js中，在浏览器端引入bundle.js
browserify -t babelify main.js -o bundle.js

JSX

JSX 允许 HTML 与 JavaScript 混写，JSX 的基本语法规则：遇到 HTML 标签（以 < 开头），就用 HTML 规则解析；遇到代码块（以 { 开头），就用 JavaScript 规则解析@H_301_6@

JSX 允许直接在模板插入 JavaScript 变量。如果这个变量是一个数组，则会展开这个数组的所有成员@H_301_6@

API

React
    React.Component
        setState
        replaceState
        forceUpdate
        getDOMNode
        isMounted
        setProps
        replaceProps
    React.createClass
    React.createElement
    React.cloneElement
    React.createFactory
    React.isValidElement
    React.DOM
    React.PropTypes
    React.Children

ReactDOM
    ReactDOM.render
    ReactDOM.unmountComponentAtNode
    ReactDOM.findDOMNode

ReactDOMServer
    ReactDOMServer.renderToString
    ReactDOMServer.renderToStaticMarkup

组件的详细说明

render
getInitialState
getDefaultProps
propTypes
mixins
statics
displayName

组件的生命周期

挂载
componentWillMount
componentDidMount

更新
componentWillReceiveProps
shouldComponentUpdate
componentWillUpdate
componentDidUpdate

移除
componentWillUnmount