我对在react-bootstrap
文档中阅读的内容感到好奇:
您应该导入单个组件,例如:,
react-bootstrap/Button
而不是整个库。这样做只会引入您使用的特定组件,这可以大大减少最终发送给客户端的代码量。
import Button from 'react-bootstrap/Button';
https://react-bootstrap.github.io/getting-started/introduction#importing
听起来不错。但是像react-bootstrap
您这样的库可能会导入不同的组件。您是否必须import
在组件中添加几个?是否有一种更有效的方法来指定?
我很确定您必须分别导入每个组件,除非您导入完整的库。
import { Button, Alert } from 'react-bootstrap';
要么
import Button from 'react-bootstrap/Button'; import Alert from 'react-bootstrap/Alert';