今日はClass ComponentとFunctional Componentを比較します.🔥

Class Component

class component Yes
ステータスは

stateで表されます.

コンポーネントのライフサイクルで定義された方法を使用して、動作を順番に制御できます.
-

複雑な機能

ランダムメソッドを定義できます.

render関数の戻り値で画面を表示します.

メモリリソースをさらに使用します.

クラスコンポーネントの基本構造

class 클래스명 extends React.Component{
	state={};
    render(){
    	return(
        	//JSX
        )
    }
}

Function Component

機能コンポーネントは次のとおりです.

classコンポーネントとは異なり、stateおよびライフサイクルは使用できません.

州では簡単な機能が使用されています.

ですが、hookコンセプトの導入に伴い、複雑な機能が可能になります.

classのstateは、関数でusStateというメソッドを使用します.

構成部品宣言は

classより便利です.

メモリリソースの使用を削減します.

関数コンポーネントの基本構造

function 함수명 (){
	return(
    	JSX
    )
}

state(変更可能な値)

prop(読み取り専用値として渡される値)

EventHandling