react template
HTML
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
JavaScript 1.7
/**
* @jsx React.DOM
*/
var ToggleIconButton = React.createClass({
getInitialState: function(){
return ({
toggleOn: false
});
},
handleToggle: function(evt){
var nextState = !this.state.toggleOn;
this.setState({toggleOn: nextState});
},
render: function(){
return (
<div>
{this.state.toggleOn.toString()}
<IconButton onButtonClicked={this.handleToggle}/>
</div>
)
}
});
var IconButton = React.createClass({
render: function(){
return (
<input type="button" onClick={this.props.onButtonClicked} value="Toggle"/>
)
}
});
React.renderComponent(<ToggleIconButton />, document.body);