React.js react-selectの導入と使い方

React.js react-selectの導入と使い方

reactのライブラリであるreact-selectがサジェスト機能もあり、使いやすかったので、サンプルコードを記載。

環境

  • OS  CentOS Linux release 8.0.1905 (Core)
  • node V10.16.3
  • npm 6.9.0
  • React 16.12.0

react-selectインストール

下記のコマンドでインストールします

react-selectを利用

selectboxを表示してみます。

src配下のApp.jsに下記のコードに編集します。

ブラウザから http://プライベートIP:3000 にアクセスすると、selectboxが表示されます。

multiselectも可能です。

src配下のApp.jsを下記のコードに編集しなおします。

multiselectが可能になっております。