函数组件与类组件
函数组件(functional component)
function Welcome(props){
return <h1>Hello, {props.name}</h1>;
}
类组件(class component)
class Welcome extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
类组件与函数组件的区别
- 类组件有state
函数组件是stateless的，类组件是stateful的 - 类组件有生命周期函数
使用
- 函数组件写法比较简单，对于不需要state和生命周期函数调用的组件可使用函数组件。React未来也会对函数组件优化，提高其渲染性能。
- 对比较复杂的组件还是要使用类组件
