pardonnez-moi, j'ai cherché partout et je suis nouveau dans les réactions et essayer des exemples. J'ai une erreur
Uncaught ReferenceError: mountNode is not defined
Je suis l'exemple à partir d'ici http://facebook.github.io/react/tips/initial-ajax.html
et mon code ressemble à ceci
<!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>
Merci d'avance!
Vous devez indiquer à React où monter le composant <UserGist />
. Vous voulez probablement remplacer mountNode
par document.getElementById('example')
pour faire référence à votre élément <div id="example"></div>
:
React.render(
<UserGist source="https://api.github.com/users/octocat/gists" />,
document.getElementById('example')
);
Étant donné que la réponse est acceptée, j'aimerais ajouter une chose: n'oubliez pas d'inclure des références à toutes les bibliothèques nécessaires de js dans votre section html head si vous testez ceci dans "dossier des exemples de kits"
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://npmcdn.com/[email protected]/dist/react.js"></script>
<script src="https://npmcdn.com/[email protected]/dist/react-dom.js"></script>
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>