React入門--------頂層API

標籤：turn   com   ring   conf   建立   調用   create   組件   ops   

React.createClass

參數：config(object)

建立一個ReactClass(組件類)，參數是一個對象且必須帶有render屬性方法，該方法必須返回一個封閉的容器(容器內可以由其他不限結構的容器)或null/false(表示啥都不渲染):

 var Component = React.createClass({        render: function() {            return this.props.a==1 ? <div><h1>標題</h1><p>123</p></div> : null        }    });    ReactDOM.render(        <Component a="1" />, document.body    );

注意：在該方法裡面，所有的this都會在最終調用時自動的綁定到當前組件的構造器上。

React.createElement

參數：type(string/ReactClass),[props(object)],[children(ReactElement)]

建立一個指定類型的React元素，注意第三個參數children可以是任意個React元素。

 var Component = React.createClass({        render: function() {            return this.props.a==1 ? <p>123</p> : null        }    });    ReactDOM.render(        React.createElement(‘div‘, null,            React.createElement( ‘p‘, null,                React.createElement(‘span‘, null, ‘Hello,‘),                React.createElement(‘span‘, null, ‘world,‘),                React.createElement( Component, {a : 1})            )        ), document.body    );

React.cloneElement

參數：type(ReactElement),[props(object)],[children(ReactElement)]

複製並返回一個新的ReactElement(內部子項目也會跟著複製)，新返回的元素會保留有舊元素的props，ref，key，也會整合新的props(只要在第二個參數中有定義)

 

React入門--------頂層API