react通过父组件渲染子组件中的内容

发布时间：2020-04-03 23:54:16 作者：Lee_吉
来源：网络阅读：1600

说明：

代码：

// less
require ('./static/less/index.less')
// 核心
var React = require('react')
var ReactDom = require('react-dom')
var ReactRouter = require('react-router-dom')
var Router = ReactRouter.BrowserRouter
var Route = ReactRouter.Route
var Link = ReactRouter.Link
var 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')
)

效果：

react通过父组件渲染子组件中的内容

相关阅读