Ⅰ. はじめに
タイトルの通り「React で Bootstrap を使う方法」です。
Ⅱ. やり方
1. react-bootstrap, bootstrap をインストールする
npm install -D react-bootstrap bootstrap
2. ファイルを編集する
src/index.js
import 'bootstrap/dist/css/bootstrap.min.css'
src/App.js
import React from 'react' import { Button } from 'react-bootstrap' function App () { return ( <Button onClick={() => alert('hello')}>ボタン</Button> ); } export default App
実行結果