popbean-react
Version:
let me think about something,comming soon...
35 lines (34 loc) • 857 B
JSX
var React = require('react');
//用于构建一个简单的view视图吧
/*
<div className="list-group-item">
<h4 className="list-group-item-heading">title</h4>
<p className="list-group-item-text"></p>
</div>
*/
var List = React.createClass({
render:function(){
var model = this.props.model || [];
var self = this;
return (
<ul className="list-group">
{
model.map(function(item){
if(self.props.renderComponent){
console.log('data',item,'this.state',self.state);
var ele = React.createElement(self.props.renderComponent,{data:item,onItemClick:self.props.onItemClick});
return (
ele
);
}else{
return (
<a className="list-group-item" onClick={self.props.onItemClick.bind(this,item)}>{item.label}</a>
);
}
})
}
</ul>
);
}
});
module.exports = List;