無效的元素類型

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

我總是得到這個錯誤 - 「元素類型無效：預期字符串（內置組件）或類/功能（複合組件），但得到：對象。「我仔細檢查導出默認值，但我認爲它沒問題。無效的元素類型

來源

2017-06-08 Infinite

我試過module.exports，它工作正常。 – Infinite

我認爲你需要在某個DOM元素中掛載你的根組件。對這種情況使用react-dom。例如：

import { render } from 'react-dom' 

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

來源

2017-06-08 05:10:47

我確實擁有它 - ReactDOM.render routes，main.cjsx文件中的document.querySelector（'。contents'）。而且我routes.cjsx爲：陣營=需要 '反應' {BrowserRouter，路徑} =需要 '反應路由器-DOM' 你好=需要」 ./TestJs' module.exports = – Infinite

@rneupane試試這個：DataGrid = require（'./grid/react/TestJs').default –

仍然無法正常工作。 – Infinite

無效的元素類型

回答

相關問題