Uncaught ReferenceError: mountNode n'est pas défini

pardonnez-moi, j'ai cherché partout et je suis nouveau dans reactjs et à essayer d'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>

Vous en remercie d'avance!

OriginalL'auteur Hokutosei | 2014-05-12

  1. 31

    Vous devez dire à Réagir lorsque de monter le <UserGist /> composant. Vous voulez probablement pour remplacer mountNode avec document.getElementById('example') de vous référer à votre <div id="example"></div> élément:

    React.render(
  <UserGist source="https://api.github.com/users/octocat/gists" />,
  document.getElementById('example')
);
    il a travaillé! merci beaucoup! Je suis nouveau sur reactjs et il semble intéressant..
    Lorsque vous essayez cela, je suis React.renderComponent is not a function cependant j'ai trouvé que si je n'ai React.render au lieu de cela j'ai obtenu le résultat que j'espérais pour merci!
    Oui, nous l'avons renommé l'API. Édité ma réponse.

    OriginalL'auteur Sophie Alpert

  2. 0

    Être acceptés réponse fait, je voudrais ajouter une chose: N'oubliez pas d'inclure des références à toutes les choses nécessaires, js du libs dans le html, la section de la tête si vous passez le test de la "trousse d'exemples dossier"

    <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>

    OriginalL'auteur Val Martinez