函數組件與類組件

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. 對比較復雜的組件還是要使用類組件