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?

Answer 1

Combine the import into one line:

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