reactjs - 做出反应。this.props.children 对于具有嵌套子组件的组件未定义

Question

我是 React 的新手，无法处理这个错误。我有两个组件第一个（路由）：

var App = React.createClass({
  render: function() {
   return (
    <Template>
      <Locations>
        <Location path="/" handler={Catalog} />
        <Location path="/item/:item" handler={CatalogDetail} />
      </Locations>
    </Template>
   );
  }
});

第二个：

var Template = React.createClass({
  render: function() {
    return (
      <div className="container">
        {this.props.children} // should render one of child components
                              //{catalog}/{catalogDetail}
      </div>
    )
  }
});

this.props.children未定义，我不明白为什么没有看到这些组件之一 {Catalog} 或 {CatalogDetail}