在流星 反应中，我如何在父母反应分量中渲染一个孩子反应组件

Question

我已经定义了父组件和一个子组件。当我将它们关联时，我会遇到错误。

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 />
        );
    }
}

child.jsx

import React, {Component, PropTypes} from 'react';
export default class Child extends Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <div>child</div>
        );
    }
}

我已经注册了父母的大火：

Template.registerHelper("Parent", function() {
    return Parent;
});

...我是这样使用的：

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

我在浏览器控制台中遇到此错误：

警告：React.Createelement：类型不应为无效，未定义， 布尔或数字。它应该是字符串（对于DOM元素）或 ReactClass（用于复合组件）。检查渲染方法 Parent。

我确实有其他反应组件在这个项目中起作用，但是它们都没有这种简单的父母/子女关系。我在做什么错？

Answer 1

你应该

export Child代替export default Child

或

import Child代替import {Child}