将 React 模板放在一个全局变量的属性中

Putting React templates in properties of one global variable

本文关键字：一个 全局变量 属性 React      更新时间：2023-09-26

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

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

和

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

如何在"父"模板中获取这些模板？标签名称（常见产品、折扣产品）应该是什么样子的？

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

被称为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

相关文章：