javascript - not - UnEdge ReferenceError: ReactDOM no está definido

component is not defined react

Question

Así que tengo aplicaciones Rails, instalé react-rails gem, lo configuré e intento ejecutar la aplicación de prueba.

Recién instalado, cuando intenté ejecutar el programa hello world, apareció este error:

UnEdge ReferenceError: ReactDOM no está definido

Esta es mi reacción:

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

Se guarda dentro del archivo /app/assets/javascripts/components/test.js.jsx.

Rails 4.2.4 con Ruby 2.2.3

Answer 1

Asegúrate de haber incluido react-dom.js . Puede agregarlo desde CDN o usar js toolchain de su elección.

Instalación de React - usando un 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>

Answer 2

Puede ser el problema de la ortografía: es ReactDOM , no ReactDom .

Esto ha cambiado con el tiempo con la nueva versión de reaccionar

Answer 3

Tienes que importarlo

import ReactDOM from ''react-dom'';

Answer 4

ReactDOM disponible desde 0.14.0, por lo que necesita usar React.render (porque tiene una versión 0.13.3 de React) en su lugar,

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

o actualice su versión de React e incluya ReactDOM

Cambios en Reaccionar 0.14