反応の関数アプローチと分類アプローチの違い

Question

私は反応を調べて、elemens/componentsを定義する2つの方法に気付きました。

class Welcome extends React.Component { 
    render() { 
     return <h1>Hello, {this.props.name}</h1>;  
    }; 
} 

const element = <Welcome name="Sara" />; 
ReactDOM.render(
    element, 
    document.getElementById('root') 
); 

と機能的アプローチ：彼らは、結果の面で同一であり、されている

function Welcome(props) { 
    return <h1>Hello, {props.name}</h1>; 
} 

。しかし機能的なappracohは私にとって少なくとももっときれいです。 reactjsドキュメントから：

何がクラス分けのアプローチをもたらします

これは、私たちは、このようなローカルな状態とライフサイクルフックなどの追加機能を使用することができます。

純粋な機能的アプローチよりも、状態、ライフサイクルフックの分類以外の利点はありますか？

いつどちらを使用しますか？

Answer 1

純粋な機能的アプローチよりも、状態、ライフサイクルフックの分類以外の利点はありますか？

号

どちらを使用しますか？

追加の機能（*）が必要な場合は、クラスを使用する必要があります。それ以外の場合は個人的な好みの問題です。

---

*：たとえば、ライフサイクルメソッドを使用すると、パフォーマンスにとって重要なコンポーネントを再レンダリングしないようにロジックを実装できます。