Putting React templates in properties of one global variable

Question

Is it possible to store some React templates in properties of one global variable? I mean that I want to create two child templates:

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

and

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

How can I get these templates in "parent" template? What tag names (CommonProducts, DiscountProducts) should look like?

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

Oleksandr T. · Accepted Answer · 2016-01-29 09:09:44Z

1

It is called 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

answered Jan 29, 2016 at 9:09

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Putting React templates in properties of one global variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related