we are using flux now ... yaaay ...
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
var React = require('react');
|
||||
var ItemActions = require('../actions/itemActions');
|
||||
|
||||
|
||||
|
||||
@@ -9,24 +10,19 @@ var SingleItem = React.createClass({
|
||||
render: function() {
|
||||
var self = this;
|
||||
var itemClick = this.itemClick;
|
||||
var firstImage = this.state.item.get('multi_media_descriptions')[0];
|
||||
var firstImage = this.props.item.get('multi_media_descriptions')[0];
|
||||
firstImage = firstImage || { url: "http://res.cloudinary.com/lfvt7ps2n/image/upload/c_crop,g_center,w_300/v1421732950/http_www.asms.ru_bitrix_templates_main_images_nophoto_irnofq.png" } ;
|
||||
return (
|
||||
<div className="single_item" onClick={itemClick}>
|
||||
<img src={firstImage.url} />
|
||||
<h1> { this.state.item.get('name') }</h1>
|
||||
<div> { this.state.item.get('list_price') } KM </div>
|
||||
<h1> { this.props.item.get('name') }</h1>
|
||||
<div> { this.props.item.get('list_price') } KM </div>
|
||||
</div>
|
||||
);
|
||||
},
|
||||
|
||||
getInitialState: function () {
|
||||
return { item: this.props.item };
|
||||
},
|
||||
itemClick: function(e) {
|
||||
if(this.props.itemClick) {
|
||||
this.props.itemClick(this.state.item, e);
|
||||
}
|
||||
ItemActions.selectItem(this.props.item);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user