Skip to content

Instantly share code, notes, and snippets.

@eferro

eferro/index.html

Created July 16, 2015 14:16
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eferro/50097e779fdd75175c64 to your computer and use it in GitHub Desktop.
Save eferro/50097e779fdd75175c64 to your computer and use it in GitHub Desktop.
Download ZIP
inject state to a react component from outside
Raw
index.html
<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div id="content">
</div>
</body>
<script type="text/jsx">
var HelloComponent = React.createClass({
getInitialState: function () {
return {counter: 0};
},
render: function() {
return (
<div className="helloCoponent">
<h1>Counter { this.state.counter } </h1>
</div>
);
}
});
var reactComponent = React.render( <HelloComponent />, document.getElementById('content'));
var cont = 0;
setInterval(function(){
cont = cont + 1;
reactComponent.setState({counter: cont});
},1000);
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment