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

Bertha 。 2022-01-29 08:45 133阅读 0赞

1、错误描述

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70][]

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;

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70]: /images/20220129/cd4f22a2683c4a85bed58f6812632fd5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，133人围观）

还没有评论，来说两句吧...

相关阅读

相关 Functions are not valid as a React child. This may happen if you return a Component instead of 「Comp

控制台报错 ![20200708110725754.png][] Functions are not valid as a React child. This

本是古典何须时尚/ 2023年02月24日 03:54/ 0 赞/ 16 阅读

相关 git新建本地分支出现fatal: Not a valid object name:错误

原因是待创建的分支还没有更新到本地执行git fetch，然后继续新建分支操作即可成功。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_sha

亦凉/ 2022年11月29日 11:51/ 0 赞/ 243 阅读

相关 Error: Objects are not valid as a React child (found: object with keys {list}).

Bug Error: Objects are not valid as a React child (found: object with keys {list

谁践踏了优雅/ 2022年11月29日 03:06/ 0 赞/ 198 阅读

相关 React.ClassAttributes＜HTMLDivElement＞.ref?: React.LegacyRef＜HTMLDivElement＞

(JSX attribute) React.ClassAttributes.ref?: React.LegacyRef Type ‘MutableRefObject’ is

àì夳堔傛蜴生んèń/ 2022年11月16日 05:43/ 0 赞/ 125 阅读

相关 git 错误 fatal: Not a valid object name: 'master'.

想新建立一个分支时出现这错误。后来发现，要先commit一次才会真正建立master分支，此时就可以新建立分支了。。 git add filename file

柔情只为你懂/ 2022年07月16日 02:48/ 0 赞/ 115 阅读

相关 class A(object):

coding=utf-8 class A(object): b1 = [1, 2, 3, 4] b2 = "这是字符串"

亦凉/ 2022年07月15日 08:39/ 0 赞/ 130 阅读

相关 class A(object):

coding=utf-8 class A(object): b1 = [1, 2, 3, 4] b2 = "这是字符串"

淩亂°似流年/ 2022年07月15日 08:39/ 0 赞/ 113 阅读

相关 git 错误 fatal: Not a valid object name: 'master'.

现在一开始的时候建立一个新的分支dev进行开发，执行 Git branch dev，出现错误：fatal: Not a valid object name: 'master'

柔情只为你懂/ 2022年04月13日 05:13/ 0 赞/ 748 阅读

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

1、错误描述 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJs

Bertha 。/ 2022年01月29日 08:45/ 0 赞/ 134 阅读

相关 CF1137F Matches Are Not a Child's Play

[CF1137F Matches Are Not a Child's Play ][CF1137F_Matches Are Not a Child_s Play] trick

╰+攻爆jí腚メ/ 2021年11月13日 15:38/ 0 赞/ 140 阅读