React 創建元素的幾種方式
星期五, 31. 三月 2017 09:15下午
1. createClass
創建React組件對應的類。render 接口是必須實現。
var hello = React.createClass({
render:function(){
return <div> Hello ,world </div>
}
})
2.createElement ，創建React組件實例。
ReactElement.creatElement = function(type,config,children){
}
3.createFactory 通過工廠方法創建React組件實例。
createFactory 調用了 creteElement 方法
ReactElement.createFactory = function (type) {
var factory = ReactElement.createElement.bind(null, type);
factory.type = type;
return factory;
};
4. cloneElement 克隆
ReactElement.cloneElement = function (element, config, children) {
}
5. es6 class 方式
import React,{ Component } from 'react'
class test extends Component {
render(){
retrun(
<div> hello,world </div>
)
}
}