【React】React 19で追加されたuseフック ( use hook)の特徴と基本的な使い方
React V19で追加された新機能useフック ( use hook)の特徴と基本的な使い方を紹介します。useフックの特徴、基本的な使い方、なぜ使うといいのか、使う場合の制約などを詳しく説明しています。 ...
【React】useRefの応用、ひとつ前の状態と現在の状態を比較する方法(usePrevious)
Reactのカスタムフック「usePrevious」を活用し、ひとつ前の状態と現在の状態を簡単に比較する方法を解説。React v19での注意点やStrict Mode対応についても参考にしてください。
【React】HTMLにscriptタグでjsonデータを埋め込んでそれを取得して使う方法
HTMLにscriptタグでjsonデータを埋め込んでそれを取得して使う方法を紹介します。
apiを叩いて取得するのではなく、phpなどであらかじめjsonデータをHTMLに落としてそれをJavaScrip ...
【React】でセッションストレージやローカルストレージのデータを取得する方法
Reactでセッションストレージやローカルストレージのデータを取得する方法を紹介します。
セッションストレージでもローカルストレージでもやり方はまったく同じため、以下の例では、セッションストレージで紹介しま ...
【React】Webサイトにちょい足ししてCRUDなどを操作をする方法
Web制作など既存のWebサイトや、そこまでガチガチにReactなどを使う必要がないときでもReactをちょい足ししてリッチする方法を紹介します。
企業サイトを作成する場合は、カタログの一括ダウンロードだっ ...
【React】Reduxでクリックしたら複数のdispatchを実行する方法
ReactでReduxでクリックしたら複数のdispatchを実行する方法を紹介します。
ReactでReduxでクリックしたら複数のdispatchを実行する方法 <button type=" ...【React】配列の中のオブジェクトのプロパティすべてをpropsとして渡す方法
Reactで配列の中のオブジェクトのプロパティすべてをpropsとして渡す方法を紹介します。
Reactで配列の中のオブジェクトのプロパティすべてをpropsとして渡す方法以下のようなオブジェクトをもっ ...
【React】アコーディオンの作成方法(Q&Aアコーディオン)
Reactでアコーディオンを作成する方法を紹介します。
Q&Aを例にアコーディオンを実装します。
【React】でSwiperを使う方法
ReactでSwiperを使う方法を紹介します。
ReactでSwiperを使う方法swiperをインストールswiperをインストールします。
npm install swiper --save ...【React】タイピングアニメーションのreact-typicalをReactv17, v18以上で使いたいとき
Reactで簡単にタイピングアニメーションを実装できるreact-typicalの使い方を紹介します。
reactのバージョンが15か16しか対応していませんが、v17, v18以上で使う方法はあるので合わ ...