Uncaught ReferenceError: ReactDOM ist nicht definiert

Question

So habe ich Rails-Anwendungen, ich habe React-Rails-Gem installiert, richten Sie es ein und versuchen Sie, Testanwendung auszuführen.

Frisch installiert, wenn ich Hallo Welt Programm auszuführen tryed, dieser Fehler hapened:

Uncaught ReferenceError: ReactDOM is not defined

Das ist mein reagieren:

var HelloWorld = React.createClass({ 
    render: function() { 
    return (
     <p> 
     Hello, <input type="text" placeholder="Your name here" />! 
     It is {this.props.date.toTimeString()} 
     </p> 
    ); 
    } 
}); 

setInterval(function() { 
    ReactDOM.render(
    <HelloWorld date={new Date()} />, 
    document.getElementById('example') 
); 
}, 500); 

Seine gespeichert innen/app/assets/Javascripts/Komponenten /test.js.jsx Datei.

Rails 4.2.4 mit Ruby 2.2.3

Answer 1

ReactDOM seit 0.14.0 verfügbar, so müssen Sie React.render verwenden (weil Sie eine Version 0.13.3 Reagieren haben) statt,

setInterval(function() { 
    React.render(
    <HelloWorld date={new Date()} />, 
    document.getElementById('example') 
); 
}, 500); 

oder Ihre React Version aktualisieren und ReactDOM

Changes in React 0.14

Answer 2

enthalten es kann die Rechtschreibung Problem sein - es ist ReactDOM, nicht ReactDom.

Dies hat im Laufe der Zeit mit neuen Release sicher

Answer 3

Stellen reagieren geändert, dass Sie react-dom.js aufgenommen haben. Sie können es aus CDN hinzufügen oder js Toolchain Ihrer Wahl verwenden.

Installing React - using a CDN

<script src="https://unpkg.com/react@15/dist/react.js"></script> 
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>