React

Reactで状態管理をしていると、「ひとつ前の状態」と「現在の状態」を比較する条件分岐したい場合などが多々あります。
そんなときに使えるのが、useRefを使ったusePreviousという方法です。

React

HTMLにscriptタグでjsonデータを埋め込んでそれを取得して使う方法を紹介します。
apiを叩いて取得するのではなく、phpなどであらかじめjsonデータをHTMLに落としてそれをJavaScrip ...

React

Reactでセッションストレージやローカルストレージのデータを取得する方法を紹介します。
セッションストレージでもローカルストレージでもやり方はまったく同じため、以下の例では、セッションストレージで紹介しま ...

React

Web制作など既存のWebサイトや、そこまでガチガチにReactなどを使う必要がないときでもReactをちょい足ししてリッチする方法を紹介します。
企業サイトを作成する場合は、カタログの一括ダウンロードだっ ...

React

ReactでReduxでクリックしたら複数のdispatchを実行する方法を紹介します。

ReactでReduxでクリックしたら複数のdispatchを実行する方法 <button type=" ...

React

Reactで配列の中のオブジェクトのプロパティすべてをpropsとして渡す方法を紹介します。

Reactで配列の中のオブジェクトのプロパティすべてをpropsとして渡す方法

以下のようなオブジェクトをもっ ...

React

Reactでアコーディオンを作成する方法を紹介します。
Q&Aを例にアコーディオンを実装します。

Reactでアコーディオンを作成する方法import { AiOutlinePlus, Ai ...

React

ReactでSwiperを使う方法を紹介します。

ReactでSwiperを使う方法swiperをインストール

swiperをインストールします。

npm install swiper --save ...

React

Reactで簡単にタイピングアニメーションを実装できるreact-typicalの使い方を紹介します。
reactのバージョンが15か16しか対応していませんが、v17, v18以上で使う方法はあるので合わ ...

React

Reactに限った話ではありませんが、ネイティブのJavaScriptのSetを使って配列の重複削除して、ユニークな値だけを取り出す方法を紹介します。
配列の中にオブジェクトがあり、そのカテゴリー名でフィル ...