Objects are not valid as a React child (found: [object HTMLDivElement])

1、错误描述

2、错误原因

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

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

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();
import React from 'react';
import ReactDOM from 'react-dom';
import Column2D from './components/Column2D.js'

import logo from './logo.svg';
import './App.css';

function App() {
  return (
   <Column2D/>,
	 document.getElementBy("root")
  );
}

export default App;

     在调用FusionCharts图形组件时,直接将其装载到index.html中的ID为root的div中,出现了报错(如果是一个集合的话,需要使用一个数组来代替)

3、解决办法

import React from 'react';
import ReactDOM from 'react-dom';
import Column2D from './components/Column2D.js'

import logo from './logo.svg';
import './App.css';

function App() {
  return (
   <Column2D/>
  );
}

export default App;
原文地址:https://www.cnblogs.com/hzcya1995/p/13313713.html