Reactコンポーネントの違い
Reactコンポーネントの違い
Reactでも勿論コンポーネントを利用することは可能です。
コンポーネントを利用することで、再利用が楽になる、コードの見通しがよくなる、変更に強い設計にすることが可能になります。
Class Component
Functional Component
こちらの方が主流のコンポーネントの書き方。 Functional Componentの方が記述量が少ない。
propsでデータを受け渡す方法
親コンポーネントから子コンポーネントにデータを受け渡したい場合はpropsでデータ受け渡しが可能になります。
■ 親コンポーネント
■ 子コンポーネント
※ 受け渡せるデータは文字列、数値、真偽値、配列、オブジェクト、日付などなんでもOK