Tag: reactjs transclusion

React.js：将一个组件包装到另一个组件中

许多模板语言都有“插槽”或​​“合格”语句，这些语句允许做一些控制反转来将一个模板包装到另一个模板中。 Angular有“transclude”选项 。 Rails有收益声明 。 如果React.js有yield语句，它将如下所示： var Wrapper = React.createClass({ render: function() { return ( <div className="wrapper"> before <yield/> after </div> ); } }); var Main = React.createClass({ render: function() { return ( <Wrapper><h1>content</h1></Wrapper> ); } }); 期望的输出： <div class="wrapper"> before <h1>content</h1> after </div> 唉，React.js没有<yield/> 。 如何定义Wrapper组件来实现相同的输出？