From c84489918754e1a4a9387b650b5bb7900bc174e4 Mon Sep 17 00:00:00 2001
From: Jim <jsfb@github>
Date: Fri, 17 Jul 2015 14:42:55 -0700
Subject: [PATCH] Fixed basic-jsx example, which got clobbered during a prior
 bug investigation

---
 examples/basic-jsx/index.html | 61 +++++++++--------------------------
 1 file changed, 15 insertions(+), 46 deletions(-)

diff --git a/examples/basic-jsx/index.html b/examples/basic-jsx/index.html
index 8748977242..2bbc22aeda 100644
--- a/examples/basic-jsx/index.html
+++ b/examples/basic-jsx/index.html
@@ -29,54 +29,23 @@
     <script src="../../build/react.js"></script>
     <script src="../../build/JSXTransformer.js"></script>
     <script type="text/jsx">
+      var ExampleApplication = React.createClass({
+        render: function() {
+          var elapsed = Math.round(this.props.elapsed  / 100);
+          var seconds = elapsed / 10 + (elapsed % 10 ? '' : '.0' );
+          var message =
+            'React has been successfully running for ' + seconds + ' seconds.';
 
-var Top = React.createClass({
-  childContextTypes: {
-    now: React.PropTypes.any
-  },
- 
-  getChildContext: function() {
-    return {
-      now: this.state.now
-    };
-  },
- 
-  getInitialState: function() {
-    return {
-      now: Date.now()
-    };
-  },
- 
-  componentDidMount: function() {
-    setInterval(function() {
-      this.setState({
-        now: Date.now()
+          return <p>{message}</p>;
+        }
       });
-    }.bind(this), 500);
-  },
- 
-  render: function() {
-    return (
-      <div>
-        <h1>{this.state.now}</h1>
-        <Child />{this.props.children}
-      </div>
-    );
-  }
-});
- 
-var Child = React.createClass({
-  contextTypes: {
-    now: React.PropTypes.any
-  },
- 
-  render: function() {
-    // I never update
-    return <h2>{this.context.now}</h2>;
-  }
-});
- 
-React.render(<Top><Child/></Top>, document.getElementById('container'));
+      var start = new Date().getTime();
+      setInterval(function() {
+        React.render(
+          <ExampleApplication elapsed={new Date().getTime() - start} />,
+          document.getElementById('container')
+        );
+      }, 50);
     </script>
   </body>
 </html>