React-Rails无法读取未定义的“render”属性

Question

我刚刚在我的项目中安装了React-Rails gem，并且我已经配置了更多，以便能够使用Browserify在javascript中使用import。

我在一个视图中有一个组件，我在组件文件中调用该组件并使其成为全局组件。

global.CompanyDashboard = require('components/Company/CompanyDashboard' ).default;

组件非常非常简单：

export default class CompanyDashboard extends React.Component {
    render() {
      return (
        <p>hello</p>
      )
    }
}

我在我的视图中是这样命名的：

<%= react_component("CompanyDashboard") %>

当页面加载时，我得到错误Cannot read property 'render' of undefined，我找不出原因。我在浏览器中进入DOM，可以实际看到DOM中的react组件，但由于某些原因，它无法呈现。希望有人能给我指个方向。我已经花了几个小时在项目中重新配置React。

谢谢

Answer 1

我没有在我的application.js中包含ReactDOM，这是导致问题的原因。

我现在将我的application.js文件设置如下：

window.$ = window.jQuery = global.$ = require('jquery');
var React = window.React = global.React = require('react');
var ReactDOM = window.ReactDOM = global.ReactDOM = require('react-dom');
require( 'jquery-ujs' );
require( 'fetch' );
require( './components' );