How to import ReactBootstrap to use button in react.js

Question

I'm using babel.js, try to import ReactBootstrap like this

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

Error

Uncaught ReferenceError: ReactBootstrap is not defined

how to fix it?

Answer 1

Can you import like this way

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

Answer 2

You can use the following code for importing your ReactBootstrap using ES5 syntax.

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