React– category –
-
React
【React】useStateの基本的な使い方
本記事では、ReactのuseStateの基本的な使い方について解説しています。 【useStateの使い方】 下記のコードはuseStateを使って、ボタンをクリックすると1ずつインクリメントされた数値が表示されるプログラムです。 import { useState } from "react... -
React
【React】コメントアウトの書き方
本記事では、Reactのコメントアウトの書き方について解説しています。 ReactのJSX内でのコメントアウトの書き方は以下のとおりです。 {/* コメントアウト */} JSXの外であれば、通常のJavaScriptと同様に単一行のコメントアウトをする「//」、複数行のコメ... -
React
Adjacent JSX elements must be wrapped in an enclosing tagの原因と対処法
本記事では、Reactで「Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?」のエラーが表示された際の原因と対処法について解説しています。 【原因と対処法】 まず始めにこのエラーが出る原... -
React
【React】Fragmentの使い方
本記事では、ReactのFragmentの使い方について解説しています。 【Fragmentの使い方】 Reactでは、returnでJSXを返す時に1つのまとまりで要素にまとめてあげる必要があります。もし、複数要素をreturnで返したい場合divタグをルート要素としてまとめる方法... -
React
ViteでReactの開発環境を爆速で構築する手順
本記事では、近年フロント界隈で話題のビルドツールViteを使用してReactの開発環境を爆速で構築する手順について解説しています。 【STEP1 Node.jsのインストール】 まず、始めにViteを使用するためにNode.jsをインストールする必要があります。 こちらのN... -
React
Reactの学習におすすめの本と動画コンテンツの紹介
本記事では、JavaScriptの人気フレームワークの一つReactの勉強におすすめの本と動画について紹介しています。 【おすすめ参考書】 先輩!Reactの学習でおすすめの本を教えてください! 了解!僕がおすすめする本について紹介していくね! モダンJavaScrip... -
React
【React】導入手順について画像付きで分かりやすく解説
本記事では、Reactの導入手順について画像付きで分かりやすく解説しています。Reactを触りたいけど開発環境が構築できない方は、ぜひこちらの記事をご参考ください。 【React導入手順】 Node.jsのインストール まず、Reactで後ほど解説するcreate-react-ap...
12