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

太过爱你忘了你带给我的痛 2022-01-28 06:57 65阅读 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 条评论，65人围观）

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

相关阅读

相关 Null return value from advice does not match primitive return type for

Null return value from advice does not match primitive return type for 1.错误前提是，我写了一个

清疚/ 2024年03月23日 15:14/ 0 赞/ 104 阅读

相关解决MarkdownPad HTML RenderingError:An erroroccurred with the HTML rendering component.

缺少一个sdk的安装： > http://markdownpad.com/download/awesomium\_v1.6.6\_sdk\_win.exe awesomiu

小灰灰/ 2023年07月13日 03:32/ 0 赞/ 41 阅读

相关 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 赞/ 53 阅读

相关 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 赞/ 230 阅读

相关 layui from.render什么意思

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

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

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

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

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

相关 It was loaded from the following location:

It was loaded from the following location:file:

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

相关 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 赞/ 262 阅读

相关 An error occurred with the Html rendering component

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

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

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

1、错误描述 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly95b3VoYWlkb25nLmJs

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