react通过父组件渲染子组件中的内容
代码:
// lessrequire ('./static/less/index.less')// 核心var React = require('react')var ReactDom = require('react-dom')var ReactRouter = require('react-router-dom')var Router = ReactRouter.BrowserRoutervar Route = ReactRouter.Routevar Link = ReactRouter.Linkvar CreateClass = require('create-react-class')var PropTypes = require('prop-types')var Ajax = require('dollarphp-ajax')// 创建组件var Index = CreateClass({render:function(){ return ( <Head> <div> hello world </div> </Head> )}})var Head = CreateClass({render:function(){ return ( <div> {this.props.children} </div> )}})// 渲染ReactDom.render( <Index/>, document.getElementById('app'))
效果:
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。