Reagieren Fehler “Uncaught TypeError: Typ.Großschreibung ist nicht eine Funktion" hello world " - app

Habe ich begonnen, es einmal mit reactjs, und nach einem tutorial, und ich habe den Fehler auf den Titel, gerade läuft auf eine sehr einfache "hello world" - app. Unten ist die single-Seite code, den ich habe:

   <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
        <script src="https://fb.me/react-0.13.3.js"></script>
        <script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
    </head>
    <body>
      <script type="text/jsx">
        //Define a class
        var HelloWorld = React.createClass({
          render: function() {
            return <div>
              Hello World!
            </div>
          }
        });

        //create element with this class
        var element = React.createElement({HelloWorld});

        //Render this class and  place it in the body tag
        React.render(element, document.body);
      </script>
    </body>

    </html>

Irgendwelche Hinweise oder Auflösung, sind sehr geschätzt.

InformationsquelleAutor j4v1 | 2015-07-23
  1. 5

    Es ist ein Fehler in der folgenden Zeile:

    var element = React.createElement({HelloWorld});

    Sollte es sein:

    var element = React.createElement(HelloWorld);

    Bemerken das fehlen der geschweiften Klammern.

    InformationsquelleAutor EugeneZ
  2. 6

    In meinem Fall habe ich einen Reagieren element, aber ich vergaß zu exportieren, die es auf das Ende der Datei:

    var React = require('react');

var About = React.createClass({
    render: function(){
        return (
            <div>
                <h1>The about page</h1>
            </div>
        );
    }
});
export {
    About, About as default
};
    InformationsquelleAutor Adam
  3. 1

    Hey die richtige Art und Weise zu Rendern des Elements wird 

    React.render(<HelloWorld />, document.body);

    Brauchen Sie nicht, um das element zu erstellen ersten. Insgesamt also dein code sieht wie

    var HelloWorld = React.createClass({
    render: function () {
        return <div > Hello World! < /div>
    }
});

React.render( < HelloWorld / > , document.body);
    • Vielen Dank für den Einblick. Da ich neu bin, zu reagieren, ich denke, ich werde prüfen, all dies Voraus.
    InformationsquelleAutor noveyak
Schreibe einen Kommentar