函数式组件
- 组件不会被实例化,整体渲染性能得到提升
- 组件不能访问this对象
- 组件无法访问生命周期的方法
- 无状态组件只能访问输入的props,无副作用
import React from 'react'
export default ()=>{
return (
<div id="app">
<h1>hello world</h1>
</div>
)
}
class组件
如果继承了Component就必须实现render函数,这个render函数,提供了组件的dom结构
import React,{Component} from 'react'
export default class App extends Component{
render(){
return (
<div id="app">
<h1>hello world~~~~~~~~~~</h1>
</div>
)
}
}