JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fb.me/JSXTransformer-0.10.0.js"></script>
<script src="http://fb.me/react-with-addons-0.10.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
JavaScript 1.7
/** @jsx React.DOM */
var Parent = React.createClass({
clickHandler: function(e) {
console.log(this, "clickHandler");
//doStuffWithParentStateAndData();
},
render: function() {
var children = this.props.content.map(function(item, idx) {
return <Child key={"child"+idx} item={item} onClick={this.clickHandler} />
}.bind(this));
return (
<div>{children}</div>
);
}
});
var Child = React.createClass({
render: function(e) {
return (
<div onClick={this.props.onClick}>{this.props.item.text}</div>
);
}
});
React.renderComponent(<Parent content={[{text: 'a'}, {text: 'b'}]} />, document.body);