在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';