这两种物料-UI导入方式有什么区别吗？ [英] Is there a difference between these two Material-UI import methods?

问题描述

在使用物料界面时，我一直按照单据操作，使用下面的方法导入

import Dialog from '@material-ui/core/Dialog';
import DialogTitle from '@material-ui/core/DialogTitle';
import DialogContent from '@material-ui/core/DialogContent';

但是，我最近遇到一些代码，上面的代码应该导入为

import { Dialog, DialogTitle, DialogContent } from '@material-ui/core';

第二种导入方法显然看起来要干净得多，那么您在网上找到的文档和大多数代码是否都采用第一种导入方式呢？

推荐答案

通过这种方式导入整个包：

import { Dialog, DialogTitle, DialogContent } from '@material-ui/core';

但是，您可以按需导入单个组件：

import Dialog from '@material-ui/core/Dialog';
import DialogTitle from '@material-ui/core/DialogTitle';
import DialogContent from '@material-ui/core/DialogContent';

如果使用VSCode，可以使用Import Cost扩展检查导入大小。

值得一提的是，有一些插件用于按需导入组件，如babel-plugin-import，这样您可以在场景下导入单个组件。

这篇关于这两种物料-UI导入方式有什么区别吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！