Reagieren element nicht Rendern

Ich habe schon versucht das zu Rendern, ein einfaches element mit Reagieren. Für einige Grund, sehr ähnliche Beispiele, die funktionieren, aber mein code einfach nicht funktionieren. Ich kann keine Fehler finden, können Sie bitte mir raten?

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello React</title>
    <script src="https://fb.me/react-0.14.6.js"></script>
    <script src="https://fb.me/react-dom-0.14.6.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
  </head>
  <body>
    <div id="example"></div>
    <script type="text/babel">

    var ExampleElement = React.createClass({

        render : function() { return (<p>P</p>); };

    });

    React.render(<ExampleElement/>, document.getElementById('example'));

    </script>
  </body>
</html>
InformationsquelleAutor user3104270 | 2016-01-19
  1. 4

    Entfernen ; nach 

    render : function() { return (<p>P</p>); };
                                          ^^

    Auch statt React.render verwenden ReactDOM.render

    Beispiel

    • Vielen Dank, das war es.
    InformationsquelleAutor Alexander T.
  2. 1

    Verwenden ReactDOM.render und nicht React.render.

    In Reagieren 0.14 die render Funktion war bewegt von der react Paket react-dom statt und Sie haben auch ein verirrtes Semikolon nach Ihrer render-Funktion, die verursacht Probleme für Sie, da React.createClass nimmt ein Objekt.

    • Ich habe versucht, es zu tun, wie 'ReactDOM.render(<ExampleElement/>, document.getElementById('Beispiel'));' funktioniert nicht, entweder.
    InformationsquelleAutor Henrik Andersson
Schreibe einen Kommentar