Component(...): Nothing was returned from render

太过爱你忘了你带给我的痛 2022-01-28 06:57 39阅读 0赞

1、错误描述

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70][]

2、错误原因

class Column2DChart extends React.Component {
      render() {
        return (
          <ReactFusioncharts
            type="column2d"
            width="1200"
            height="600"
            dataFormat="JSON"
            dataSource={dataSource}
          />
        );
      }
    }
    
    export default Column2D;

组件名称是Column2DChart，但是export default Column2D，两个名称不匹配，导致返回值为空

3、解决办法

调整导入的组件名称和定义的组件名称保持一致

class Column2DChart extends React.Component {
      render() {
        return (
          <ReactFusioncharts
            type="column2d"
            width="1200"
            height="600"
            dataFormat="JSON"
            dataSource={dataSource}
          />
        );
      }
    }
    
    export default Column2DChart;

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJsb2cuY3Nkbi5uZXQ_size_16_color_FFFFFF_t_70]: /images/20220128/16be40989ce547529f38a30bd16eeda7.png

发表评论取消回复

表情：

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

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

相关阅读

相关 component lists rendered with v-for should have explicit keys

错误：component lists rendered with v-for should have explicit keys 解析：使用vue 的v-for时，需要:ke

àì夳堔傛蜴生んèń/ 2023年06月01日 15:59/ 0 赞/ 4 阅读

相关 Null return value from advice does not match primitive return type问题解决

最近突然报错“ Null return value from advice does not match primitive return type”，发现代码业务逻辑无改动，

╰+攻爆jí腚メ/ 2022年12月30日 12:59/ 0 赞/ 198 阅读

相关 layui from.render什么意思

form.render(); //更新全部表单数据参数（type）值描述 select 刷新select选择框渲染 checkbox 刷新checkbox复选框（含开

超、凢脫俗/ 2022年12月03日 08:56/ 0 赞/ 103 阅读

相关 Failed to mount component: template or render function not defined

在vue中，每一个组件都是一个实例。如果我们想渲染一个组件，则必须为组件提供html。方式有三： 1. template的形式，这是最常用的方式。 2. 提供el属性进行

骑猪看日落/ 2022年10月24日 02:06/ 0 赞/ 187 阅读

相关 It was loaded from the following location:

It was loaded from the following location:file:

╰+攻爆jí腚メ/ 2022年10月06日 01:55/ 0 赞/ 146 阅读

相关 attempted to return null from a method with a primitive return type (int).

<select id="getMaxHitEventId" parameterType="string" resultType="int">

末蓝、/ 2022年06月15日 04:08/ 0 赞/ 208 阅读

相关 An error occurred with the Html rendering component

MarkdownPad 2 使用时候出现如下字样,(如图)不能编辑..... An error occurred with the Html rendering com

比眉伴天荒/ 2022年05月23日 22:45/ 0 赞/ 241 阅读

相关 Failed to mount component: template or render function not defined问题解决

vue项目开发时报错： ![这里写图片描述][70] 解决：代码中使用render函数： ![这里写图片描述][70 1] 现在的vue-loader版

清疚/ 2022年05月19日 11:04/ 0 赞/ 157 阅读

相关 Component(...): Nothing was returned from render

1、错误描述 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJs

太过爱你忘了你带给我的痛/ 2022年01月28日 06:57/ 0 赞/ 40 阅读

相关（Mybatis）attempted to return null from a method with a primitive return type (int)

问题描述执行sql语句执行更新语句时，后台直接报错了，报错信息如下： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk

缺乏、安全感/ 2021年12月17日 01:04/ 0 赞/ 543 阅读