代码拉取完成,页面将自动刷新
/**
* @author Vanch
*/
(function() {
'use strict';
var tabContent;
window.Check = React.createClass({
getInitialState:function(){
var count =3;
return {
tabIndex:0
};
},
componentDidMount:function(){
ReactDOM.render(
<Table1/>,
document.getElementById('my-tab-content')
);
},
tabChanged:function(index){
if(this.state.tabIndex == index){
//do nothing
}else{
var elem = document.getElementById('my-tab-content');
if(tabContent){
ReactDOM.unmountComponentAtNode(elem);
}
if(index == 0){
ReactDOM.render(
<Table1/>,
document.getElementById('my-tab-content')
);
}else if(index == 1){
ReactDOM.render(
<Table2/>,
document.getElementById('my-tab-content')
);
}else if(index == 2){
ReactDOM.render(
<Table3/>,
document.getElementById('my-tab-content')
);
}else{
ReactDOM.render(
<Table1/>,
document.getElementById('my-tab-content')
);
}
this.state.tabIndex = index;
}
},
render: function() {
return (
<div>
<h1>V-Format-Table</h1>
<br/>
<CommonTabs data={[{name:"Table1"}, {name:"Table2"}, {name:"Table3"}]} callback={this.tabChanged}></CommonTabs>
<br/>
<div id="my-tab-content" className="tab-content">
</div>
</div>
);
}
});
ReactDOM.render(
<Check/>,
document.getElementById('container')
);
})(Zepto);
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。