如何導入 ReactBootstrap 以在 react.js 中使用按鈕

Question

我正在使用 babel.js，嘗試像這樣導入 ReactBootstrap

const { Button } = ReactBootstrap.Button;
const { ButtonGroup } = ReactBootstrap.ButtonGroup;

錯誤

Uncaught ReferenceError: ReactBootstrap is not defined

如何解決？

Answer 1

你能像這樣導入嗎

  import { Button } from 'ReactBootstrap.Button'
  import { ButtonGroup } from 'ReactBootstrap.ButtonGroup'

Answer 2

您可以使用以下代碼使用 ES5 語法導入 ReactBootstrap。

const { Button } = require("ReactBootstrap.Button");
const { ButtonGroup } = require("ReactBootstrap.ButtonGroup");