How can I import multiple components from react-bootstrap?

Question

I am trying to build a dropdown menu, so I import both DropdownButton and MenuItem.

import { DropdownButton } from 'react-bootstrap';
import { MenuItem } from 'react-bootstrap';

However, I see the following error:

error  'react-bootstrap' import is duplicated  no-duplicate-imports

How do I import both components from react-bootstrap?

import { DropdownButton, MenuItem } from 'react-bootstrap'; — Mayank Shukla
– Mayank Shukla, Commented May 31, 2017 at 16:37

David Klein · Accepted Answer · 2017-05-31 16:37:41Z

9

Combine the import into one line:

import { DropdownButton, MenuItem } from 'react-bootstrap';

answered May 31, 2017 at 16:37

David Klein

4111 gold badge3 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Do you know how to import all from react-bootstrap. I get an error when trying to import * as ReactBootstrap from 'react-bootstrap'