未捕获的ReferenceError：未定义ReactDOM [英] Uncaught ReferenceError: ReactDOM is not defined

问题描述

所以我有Rails应用程序，我安装了react-rails gem，设置它并尝试运行测试应用程序。

So i have Rails applications, i installed react-rails gem, set it up and try to run test application.

新安装，当我试图运行你好时世界计划，这个错误变成了：

Freshly installed, when i tryed to run hello world program, this error hapened:

未捕获的ReferenceError：未定义ReactDOM

Uncaught ReferenceError: ReactDOM is not defined

这是我的反应：

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

它保存在/app/assets/javascripts/components/test.js.jsx文件中。

Its saved inside /app/assets/javascripts/components/test.js.jsx file.

Rails 4.2.4使用Ruby 2.2.3

Rails 4.2.4 With Ruby 2.2.3

推荐答案

ReactDOM 自版本 0.14.0 以来可用，所以你需要使用 React.render （因为你有反应版本 0.13.3 ），

ReactDOM available since version 0.14.0, so you need to use React.render (because you have a React version 0.13.3) instead,

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

或升级您的 React 版本并包含 ReactDOM

or upgrade your React version and include ReactDOM

React 0.14中的变化

这篇关于未捕获的ReferenceError：未定义ReactDOM的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！