Uncaught ReferenceError: ReactDOM non è definito

Question

Quindi ho le applicazioni Rails, ho installato react-rails gem, l'ho configurato e ho provato a eseguire l'applicazione di test.

appena installato, quando ho provato a eseguire ciao programma di mondo, questo errore hapened:

Uncaught ReferenceError: ReactDOM is not defined

Questa è la mia reagire:

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

sua salvati all'interno/app/attività/javascripts/componenti /test.js.jsx file.

Rails 4.2.4 con Ruby 2.2.3

Answer 1

ReactDOM disponibile dal 0.14.0, quindi è necessario utilizzare React.render (perché avete un Reagire versione 0.13.3), invece,

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

o aggiornare la versione React e comprendono ReactDOM

Changes in React 0.14

Answer 2

può essere il problema ortografico - è ReactDOM, non ReactDom.

Questo è cambiato nel corso del tempo con la nuova release di reagire

Answer 3

Assicurarsi che avete incluso react-dom.js. Puoi aggiungerlo da CDN o usare js toolchain di tua scelta.

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>