Render children without a wrapping element

[bryceosterhaus]

Trying to replicate a similar component to https://github.com/facebook/react/blob/master/src/addons/transitions/ReactCSSTransitionGroupChild.js#L167

I would expect this to work like...

class Parent extends JSXComponent {
    rendered() {
        this.element.className = 'test';
    }

    render() {
        return this.children[0];
    }
}

class Child extends JSXComponent {
    render() {
        return (
            <div>
                I'm a child!
            </div>
        );
    }
}


// Implementation

<Parent>
    <Child />
</Parent>


// Expected Markup Result

<div class="test">
    I'm a child!
</div>

Is this possible? Or are there reasons why we shouldn't have this be possible?

[mthadley]

@bryceosterhaus I think it might already work this way: mairatma/metal-jsx@cea04a8#diff-60cffaf471498fafe64649ed28d9abb3R163

[bryceosterhaus]

You're totally right, I didn't see that update. Thanks!