我正在处理一个组件存根,其中有一个磁贴网格,每个都需要一个单击处理程序,还有一个具有不同单击处理程序的特定“新”磁贴。我试图让点击处理程序正常工作,但该事件似乎永远不会触发。
有任何想法吗?
var grid = React.createClass({
onCreateNew: function () {
console.log("onCreateNew");
},
render: function () {
var tiles = [];
if (this.props.items) {
tiles = this.props.items.map(function (item, index) {
//create a tile for each item
});
}
//always append "new" tile for the last one
tiles.push(React.DOM.div({
onClick: this.onCreateNew, className: "tile new_tile"
},
React.DOM.div({ className: "plus", onClick: this.onCreateNew }, "+")
));
return React.DOM.div({ id: "flowsheetPane" }, tiles);
}
});