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;

我总是得到这个错误 - “元素类型无效：期望一个字符串（用于内置组件）或一个类/函数（用于复合组件）但得到：object。”我仔细检查导出默认值，但我认为没问题。

Answer 1

我认为您需要在一些DOM元素中安装根组件。在这种情况下使用react-dom。例如：

import { render } from 'react-dom'

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

元素类型无效

1 个答案: