react
<body>
<div id="app"></div>
<script type="text/babel">
class Header extends React.Component{
render(){
return<h1>我是头部</h1>
}
}
class Content extends React.Component{
render(){
return <h2>我是内容</h2>
}
}
class Footer extends React.Component{
render(){
return <h2>我是底部</h2>
}
}
const ele=(<div>
<Header/>
<Content/>
<Footer/>
</div>);
ReactDOM.render(
ele,
document.getElementById('app')
)
</script>
</body>