無効な要素型

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; 

- 「エレメントタイプが無効である：（複合コンポーネント用）（内蔵部品のための）文字列またはクラス/機能を期待したが得た：オブジェクト。 "私は輸出のデフォルトを再確認しますが、それは問題ないと思います。

Answer 1

DOMコンポーネントにルートコンポーネントをマウントする必要があると思います。 このケースではreact-domを使用します。 例：

import { render } from 'react-dom' 

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