setting-state-jsx.html

<!doctype html>
<html lang="en">
  <head>
    <script type="text/javascript" src="react-0.8.0/build/react.js"></script>
    <script type="text/javascript" src="react-0.8.0/build/JSXTransformer.js"></script>
  </head>
  <body>
    <script type="text/jsx">

      /**
       * @jsx React.DOM
       */
        
      var InterfaceComponent = React.createClass({
        getInitialState : function() {
          return {
            name : "chris"
          };
        },
        handleClick : function() {
          this.setState({
            name : "bob"
          });
        },
        render : function() {
          return <div onClick={this.handleClick}>
            hello {this.state.name}
          </div>;
        }
      });

      React.renderComponent(
        <InterfaceComponent />,
        document.body
      );

    </script>
  </body>
</html>