hacca8

React.js

子コンポーネントから親の状態を変更する

状態管理ライブラリを入れる必要もないくらい小さい開発用のメモです。 親コンポーネント 子コンポーネントpropsにsetStateを用意しておいて、子コンポー…

API Routesで設定するAPIにSWRでPOSTする(+ useRouterの使用)

Next.jsではAPI Routesを利用して簡単にAPIエンドポイントが設定できます。 今回はAPI Routesで設定するエンドポイントにuseSWRを…

react-router-domでルーティング

Next.jsなどルーティングも行ってくれるフレームワークを触っているとreactrouterdomの使い方を忘れてしまうのでまとめます。 v5からかなり使い…

ReactでAPIを使って動的にページを表示する

Reactでアプリを作成する際、APIを利用してコンテンツを動的に表示させることが多いかと思います。 今回は簡単に、動的にデータの取得と表示する流れを確認しま…

useEffectフックについて

useEffectフックについてまとめていきます。 この記事は、何度も検索しているような内容が出てくる度に更新しようと思います。 useEffectは引数を2…