函数组件与类组件

GitHub地址

• 函数组件与类组件
  • 函数组件(functional component)
  • 类组件(class component)
  • 类组件与函数组件的区别
  • 使用

函数组件(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>;
  }
}

类组件与函数组件的区别

1. 类组件有state
   函数组件是stateless的，类组件是stateful的
2. 类组件有生命周期函数

使用

1. 函数组件写法比较简单，对于不需要state和生命周期函数调用的组件可使用函数组件。React未来也会对函数组件优化，提高其渲染性能。
2. 对比较复杂的组件还是要使用类组件