Javascript 对未渲染的this.props.children进行反应

我正在尝试将整个导航创建为我的webapp ie标题、导航和页面包装的一个组件，如下所示：

const Navigation = React.createClass({
    render: function () {
        console.log(this.props.children);

        return (
            <div id="authenticated">
                <div id="header">...</div>
                <div id="left-menu">...</div>
                <div id="page">

                    {this.props.childen}

                </div>
            </div>
        );
    }
});

它将组件呈现为导航、标题等，。。。但是不会呈现hello

。控制台日志确实将hello作为react对象显示给我，但它只是不在页面上呈现

有什么想法吗

PS：我看到了这一点，但这不是问题所在：

您输入了一个错误，this.props.childen应该是this.props.children

---

在提供的代码中，您没有使用导航组件，而是使用AuthenticatedLayout@nem035感谢您指出它在我的代码中是正确的，我只是想在这里简化它。现在更正。下一步是检查DOM中的内容并查看实际内容。它可能会被渲染，但由于css规则而不可见。您有一个输入错误：childen而不是children。我想你的用户名是合适的@谢谢！我觉得自己很愚蠢，为我工作。我也犯了同样的错误…谢谢你，库普

import { Navigation } from '../../components'

const Dashboard = React.createClass({
    render: function () {
       return (
            <Navigation>
                <p>Hello</p>
            </Navigation>
        );
    }
});

const Navigation = React.createClass({
    render: function () {
        return (
            <div id="authenticated">
                <div id="header">...</div>
                <div id="left-menu">...</div>
                <div id="page">
                    {this.props.children}
                </div>
            </div>
        );
    }
});