React 1st Script

(test)

by slawe

JavaScript

/** @jsx React.DOM */
 
var Simple = React.createClass({displayName: 'Simple',
 
  getInitialState: function(){
    return { count: 0 };
  },
 
  handleMouseDown: function(){
    alert('I was told: ' + this.props.message);
    this.setState({ count: this.state.count + 1});
  },
 
  render: function(){
 
    return React.DOM.div(null, 
      React.DOM.div( {className:"clicker", onMouseDown:this.handleMouseDown}, 
" Give me the message! "      ),
      React.DOM.div( {className:"message"}, "Message conveyed ",        React.DOM.span( {className:"count"}, this.state.count), " time(s)")
    )
    ;
  }
});
 
React.renderComponent(Simple( {message:"Keep it Simple"}), document.body);