React-Rails Eigenschaft 'render' von undefined kann nicht gelesen werden

Question

Ich installiere gerade React-Rails-Juwel in mein Projekt und ich habe ein wenig mehr konfiguriert, um die Verwendung von Imports in Javascript mit Browserify zu verwenden.

Ich habe eine Komponente in einer Ansicht, die ich in meiner Komponente Datei aufrufen und global machen.

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

Die Komponente ist sehr einfach:

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

ich es wie so meiner Meinung nach nenne:

<%= react_component("CompanyDashboard") %>

Beim Laden der Seite ich den Fehler Cannot read property 'render' of undefined dem ich den Grund dafür nicht entnehmen kann. Ich gehe im Browser in mein DOM und kann die reaktive Komponente im DOM sehen, aber aus irgendeinem Grund wird nicht gerendert. Würde jemanden lieben, der mich in irgendeine Richtung weist. Ich habe mir für ein paar Stunden den Kopf gebeugt und neu konfiguriert und im Projekt konfiguriert.

Dank

Answer 1

Ich war nicht ReactDOM in meinem application.js einschließlich die das Problem verursacht wurde.

Ich habe jetzt meine application.js wie folgt aufgebaut Datei:

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