備忘録

備忘録

React で Bootstrap を使う方法

Ⅰ. はじめに

タイトルの通り「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

実行結果

f:id:kagasu:20191018222615p:plain