React.js reactstrapを使ってbootstrap4を導入する

React.js reactstrapを使ってbootstrap4を導入する

reactstrapをインストールして、bootstrap4を利用するまでの簡単な手順と使い方を記述してます。

環境

  • OS  Ubuntu19.10
  • node v12.13.0
  • npm 6.13.7
  • React 16.12.0

React環境構築

下記のコマンドで構築。今回は、reactappという名前でプロジェクトを作成してます。

reactstrapインストール

下記の手順でインストールします。

reactstrap使い方

今回はbuttonを利用してみます。

srcディレクトリ配下のApp.jsを下記のように編集します。

起動する

ブラウザから http://プライベートIP:3000 に アクセスするとbuttonが利用できていることが確認できます。