{"action":"opened","issue":{"url":"https://api.github.com/repos/insin/msx/issues/13","labels_url":"https://api.github.com/repos/insin/msx/issues/13/labels{/name}","comments_url":"https://api.github.com/repos/insin/msx/issues/13/comments","events_url":"https://api.github.com/repos/insin/msx/issues/13/events","html_url":"https://github.com/insin/msx/issues/13","id":88865578,"number":13,"title":"Is there a JSX equivalent to this.props.children?","user":{"login":"MattMcFarland","id":623545,"avatar_url":"https://avatars.githubusercontent.com/u/623545?v=3","gravatar_id":"","url":"https://api.github.com/users/MattMcFarland","html_url":"https://github.com/MattMcFarland","followers_url":"https://api.github.com/users/MattMcFarland/followers","following_url":"https://api.github.com/users/MattMcFarland/following{/other_user}","gists_url":"https://api.github.com/users/MattMcFarland/gists{/gist_id}","starred_url":"https://api.github.com/users/MattMcFarland/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MattMcFarland/subscriptions","organizations_url":"https://api.github.com/users/MattMcFarland/orgs","repos_url":"https://api.github.com/users/MattMcFarland/repos","events_url":"https://api.github.com/users/MattMcFarland/events{/privacy}","received_events_url":"https://api.github.com/users/MattMcFarland/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-06-16T23:24:07Z","updated_at":"2015-06-16T23:24:07Z","closed_at":null,"body":"Hi,\r\n\r\nI've switched from React to Mithril, and MSX has been really great.  With JSX, you can invoke {this.props.children} to render child components that can be between an opening and closing tag.\r\n\r\n```\r\n<MyComponent>\r\n    <MyHeader>{this.props.heading}</MyHeader>\r\n    <SomeContent>\r\n        <AnotherCustomComponent/>\r\n        <AnotherComponent>\r\n            <ReallyNestedNow/>\r\n        </AnotherComponent>\r\n    </SomeContent>\r\n</MyComponent>\r\n````\r\n\r\nSo how does it work?\r\n\r\n```\r\nSomeContent () {\r\n    render () {\r\n        <div>\r\n            <header>\r\n                <h4>Lorem Ipsum</h4>\r\n            </header>\r\n            {this.props.children} \r\n            // In this example, it would render every component inbetween the opening and closing <SomeContent> tag as seen above.\r\n            <footer>Lalalalalal</footer>\r\n        </div>\r\n    }\r\n}\r\n```\r\n\r\nThis makes working with JSX very easy, especially when running into situations where it makes more sense to enclose a component this way.  \r\n\r\nI'm running into a sitaution with Mithril where I want to do this, but it is not working.  Is there any alternative?\r\n\r\nThanks!!\r\nMatt"}}