react-select の選択肢に画像を表示したりカスタマイズするレシピ集

こんにちは。react-selectを使ってセレクトボックスを実装する機会があったので、この記事に使い方を記録します。早速ベースを用意しましょう。Next.jsを使います。 yarn create next-app react-select-cook --ts cd react-select-cook # CSS Modules でsassを使いたいので yarn add -D sass # 本命 yarn add react-select 最小限の表示 まずは react-select を使って選択肢を表示し、選択されたものを画面に表示してみます。ここでは、架空のユーザーを用意し、固定データとして選択肢を表示します。UserSelectコンポーネントを作りましょう。 import React, { useMemo } from "react"; import Select from "r