react通过父组件渲染子组件中的内容
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react通过父组件渲染子组件中的内容相关的知识,希望对你有一定的参考价值。
- 说明:
- 代码:
// 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通过父组件渲染子组件中的内容的主要内容,如果未能解决你的问题,请参考以下文章
当父组件在 Next.js 应用程序中更新其道具时重新渲染 React 子组件