Ungültige Elementtyp

Question

// This is my test.cjsx 
React = require 'react' 
createClass = require 'create-react-class' 
DataGrid = require './grid/react/TestJs' 

module.exports = createClass 
    getInitialState: -> 
     fullName: '' 
    render: -> 
     <div className='greeting'> 
      <input type='button'/> 
      <DataGrid/> 
     </div> 

// This is my TestJs.js file 
const React = require('react'); 

class DefaultRow extends React.Component { 
    constructor(props) { 
     super(props) 
    } 

    render() { 
     return (
      <div> 
       Hello! 
      </div> 
     ) 
    } 
}; 

export default DefaultRow; 

ich immer diese Fehlermeldung bekam - „Elementtyp ist ungültig: eine Zeichenfolge erwartet (für eingebaute Komponenten) oder eine Klasse/Funktion (für Composite-Bauteile), aber bekam: Objekt. " Ich überprüfe den Exportstandard, aber ich denke, es ist in Ordnung.

Answer 1

Ich denke, Sie müssen Ihre Root-Komponente in einem DOM-Element mounten. Verwenden Sie für diesen Fall react-dom. Zum Beispiel:

import { render } from 'react-dom' 

render(
<App></App> 
, 
    document.getElementById('root') 
)