Menu
forgive me i've searched everywhere and I'm new in reactjs and trying out examples. I have an error
Uncaught ReferenceError: mountNode is not defined I am following the example from here http://facebook.github.io/react/tips/initial-ajax.html
and my code looks like this
<!DOCTYPE html> <html> <head> <title><%= title %></title> <link rel='stylesheet' href='/stylesheets/style.css' /> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="/javascripts/reactjs/react.js"></script> <script src="/javascripts/reactjs/JSXTransformer.js"></script> </head> <body> <h1><%= title %></h1> <p>Welcome to <%= title %></p> <div id="example"></div> <script src="/javascripts/reactjs/build/helloworld.js"></script> <script type="text/jsx"> /** @jsx React.DOM */ var UserGist = React.createClass({ getInitialState: function() { return { username: '', lastGistUrl: '' }; }, componentDidMount: function() { $.get(this.props.source, function(result) { var lastGist = result[0]; this.setState({ username: lastGist.owner.login, lastGistUrl: lastGist.html_url }); }.bind(this)); }, render: function() { return ( <div> {this.state.username}last gist is <a href={this.state.lastGistUrl}>here</a>. </div> ); } }); React.renderComponent( <UserGist source="https://api.github.com/users/octocat/gists" />, mountNode ); </script> </body> </html> Thank you in advance!
730
You need to tell React where to mount the <UserGist /> component. You probably want to replace mountNode with document.getElementById('example') to refer to your <div id="example"></div> element:
React.render( <UserGist source="https://api.github.com/users/octocat/gists" />, document.getElementById('example') ); If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
