【React】コンポーネント化について - Qiita

はじめに Reactのコンポーネントについて学んだので、アウトプットとして書いていきます。 Reactでのコンポーネント化について コンポーネントごとにコードを書いていき、そのコンポーネントを組み合わせてUIを作成していくのがReactでの開発です。 コンポーネント化するメリット 同じコンポーネントを使いまわせる。 記述量を減らすことができる 親からコンポーネントを呼び出すときに、少しデータを変えることで、同じコンポーネントでも、表示を変えることができる。 他のコンポーネントに影響を与えないで、UIを作っていける 状態を閉じ込めて、ユーザーのアクションを作ることができる メンテナンス性が抜群に良い といったことが挙げられます。 コンポーネント化の手順 コンポーネントするために、別ファイルを作成して、コンポーネント化したいコードを書く ↓ importしたいファイル内のコードを埋め込みたい場