组件的创建、渲染及嵌套:
创建Home组件
//src/home.jsx
import React from 'react'
//直接导出
export default class Home extends React.Component {
render () {
return (
<div>Is is Home</div>
)
}
}
Home组件引入到APP组件中
//app.jsx
import React from 'react'
import Home from './home'
class App extends React.Component {
render () {
return (
<div>
<div>hello Component</div>
<Home />
</div >
)
}
}
export default App
src/index.js引入组件并展示
//index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './app'
ReactDOM.render( < App / > , document.getElementById('root'))