javascript - 将 React 模板放入一个全局变量的属性中

Question

是否可以在一个全局变量的属性中存储一些 React 模板？我的意思是我想创建两个子模板:

app.templates.CommonProducts = React.createClass(/* any render, etc */);

和

app.templates.DiscountProducts = React.createClass(/* any render, etc */);

如何在“父”模板中获取这些模板？标签名称(CommonProducts、DiscountProducts)应该是什么样子？

app.templates.Products = React.createClass({
    render: function() {
        return (
            <div>
                <CommonProducts></CommonProducts>
                <DiscountProducts></DiscountProducts>
            </div>
        );
    }
});

Answer 1

它的名字是 Namespaced Components ,

app.templates.Products = React.createClass({
  render: function() {
    return (
      <div>
        <app.templates.DiscountProducts></app.templates.DiscountProducts>
        <app.templates.CommonProducts></app.templates.CommonProducts>
      </div>
    );
  }
});

Example