Question

我已经定义了一个Parent组件和一个Child组件。当我关联它们时，我收到了错误。

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>

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

警告：React.createElement：type不应为null，未定义，布尔值或数字。它应该是一个字符串（对于DOM元素）或a ReactClass（用于复合组件）。检查渲染方法 Parent。

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

Answer 1

你应该

export Child代替export default Child

或

import Child代替import {Child}

在Meteor + React中，如何在父React组件中呈现子React组件？

1 个答案: