在React应用程序中导入单个组件

Question

我对在react-bootstrap文档中阅读的内容感到好奇：

您应该导入单个组件，例如：，react-bootstrap/Button而不是整个库。这样做只会引入您使用的特定组件，这可以大大减少最终发送给客户端的代码量。

import Button from 'react-bootstrap/Button';

https://react-bootstrap.github.io/getting-started/introduction#importing

听起来不错。但是像react-bootstrap您这样的库可能会导入不同的组件。您是否必须import在组件中添加几个？是否有一种更有效的方法来指定？

Answer 1

我很确定您必须分别导入每个组件，除非您导入完整的库。

import { Button, Alert } from 'react-bootstrap';

要么

import Button from 'react-bootstrap/Button';
import Alert from 'react-bootstrap/Alert';