Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在流星+;React,如何在父React组件中呈现子React组件?_Javascript_Reactjs_Meteor_Meteor Blaze - Fatal编程技术网

Javascript 在流星+;React,如何在父React组件中呈现子React组件?

Javascript 在流星+;React,如何在父React组件中呈现子React组件?,javascript,reactjs,meteor,meteor-blaze,Javascript,Reactjs,Meteor,Meteor Blaze,我已经定义了父组件和子组件。当我关联它们时,我得到了一个错误 Parent.jsx import React, {Component, PropTypes} from 'react'; import {Child} from '/imports/ui/components/Child'; export default class Parent extends Component { constructor(props) { super(props); }

我已经定义了父组件和子组件。当我关联它们时,我得到了一个错误

Parent.jsx

import React, {Component, PropTypes} from 'react';
import {Child} from '/imports/ui/components/Child';

export default class Parent extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <Child />
        );
    }
}
import React, {Component, PropTypes} from 'react';

export default class Child extends Component {
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div>child</div>
        );
    }
}
。。。我是这样使用它的:

<div>
    {{> React component=Parent }}
</div>

{{>React component=Parent}
我在浏览器控制台中遇到此错误:

警告:React.createElement:类型不应为null,未定义, 布尔值,或数字。它应该是字符串(对于DOM元素)或 ReactClass(用于复合组件)。检查的渲染方法
父项

我确实有其他React组件在这个项目中工作,但没有一个具有这种简单的父/子关系。我做错了什么?你应该

导出子项
而不是
导出默认子项

import Child
而不是
import{Child}

您应该

导出子项
而不是
导出默认子项


import Child
而不是
import{Child}

也许你需要注册子组件,也许你应该
export Child
而不是
export default Child
或者
import Child
而不是
import{Child}
@caisah agggh是的。忘记了我的模块导入/导出规则,无需做任何反应。如果你把你的评论作为答案,我可以接受。@jdhrnts,不需要注册子组件,只需要Blaze使用的。也许你需要注册子组件。也许你应该
导出子组件,而不是
导出默认子组件
,或者
导入子组件
而不是
导入{child}
@caisah agggh是的,就是这样。忘记了我的模块导入/导出规则,无需做任何反应。如果你把你的评论作为回答,我可以接受。@jdhrnts,不需要注册子评论,只需要Blaze使用的评论。
<div>
    {{> React component=Parent }}
</div>