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

抽屉柜

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用Webpack在TypeScript React应用程序中导入SVG

在 React 应用程序中导入 scss 时出错

在单个组件内的 React 中导入 jQuery

在android应用程序中导入csv

将 css 文件导入特定组件 react 应用程序

如何在另一个Angular应用程序中导入Angular Web组件

如何在React Typescript应用程序中导入react-admin?

UI框架的“单个组件导入”实践是否会使Vue js应用程序表现更好?

编辑:如何在React应用程序中导入MP3文件

在 React 应用程序中导入 mongoose npm 模块时出现类型错误

如何在我的React应用程序中导入JS库?

在我的React.js应用程序中导入D3.js库时出错

如何在React应用程序中导入highcharts子模块

如何在 Rails 应用程序中导入 React(jsx) 文件?

在Android应用程序中导入文本文件?

在NodeJS应用程序中导入文件的问题`

如何在C#应用程序中导入JsonConvert?

无法在Eclipse中导入openshift应用程序

无法在我的Android应用程序中导入javax。*?

在应用程序中导入本地库和文件

如何在我的应用程序中导入linkedin sdk?

使用TypeScript在节点应用程序中导入JSON文件

在Vue应用程序中导入@ aspnet / signalr

在应用程序中导入我的图书馆

无法在反应应用程序中导入多个 CSS 文件

在Vue应用程序中导入Chessboard.js的问题

在应用程序中导入Django设置进行测试

无法在 TypeScript 应用程序中导入量角器

Django在非应用程序包中导入应用程序模型