Reactコンポーネントとは - Qiita

この記事の目的 公式チュートリアルで三目並べを作ってもらうのが一番理解できるが、その中でも特に日本語で説明しておいたほうがよさそうなポイントを纏めている。 本資料を読んだ後に、チュートリアルを両方やってもらったほうがより理解が深まる。 関連するQiita記事 Reactのざっくり概要 参考資料 ドキュメント 公式ドキュメント チュートリアル 公式チュートリアル ※余力があれば、以下のチュートリアルも行うことを推奨する Getting Started with React - An Overview and Walkthrough Tutorial ReactはUIを「コンポーネント」という部品単位で構築する。 1つのコンポーネントを描画する例 例えば、以下のような四角形のボタンを描画する場合を考える。 これをReactコンポーネントで定義すると、以下のようになる。（スタイルは省略している）