javascript - 在 Meteor+React 中，如何在父 React 组件中渲染子 React 组件？

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

我已向 Blaze 注册了父级:

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

...我这样使用它:

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

我在浏览器控制台中收到此错误:

Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components). Check the render method of Parent.

我确实有其他 React 组件在这个项目中工作，但它们都没有这种简单的父/子关系。我做错了什么？

Answer 1

你应该

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

或

导入子项而不是导入{Child}