множественный или одиночный импорт в es6 с веб-пакетом - PullRequest
Новая
       23

множественный или одиночный импорт в es6 с веб-пакетом

0 голосов
/ 08 июня 2018

Я разрабатываю javascript SPA с образцом React / React и UI материала .В фрагментах кода на сайте пользовательского интерфейса я вижу: 

import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
import TableFooter from '@material-ui/core/TableFooter';

Однако это работает так же хорошо: 

import {Table,TableBody,TableCell,TableFooter} from '@material-ui/core/';

Мой вопрос: какой синтаксис предпочтителен и почему?

Ответы [ 2 ]

0 голосов
/ 08 июня 2018

Без какого-либо Дрожания дерева или чего-либо подобного, разница между этими двумя подходами заключается в том, что: 

import {Table,TableBody,TableCell,TableFooter} from '@material-ui/core/'

На самом деле добавляет ВСЕ из '@material-ui/core/'к вашему пакету.

Если вы действительно используете только его подмножество, переход к: 

import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
import TableFooter from '@material-ui/core/TableFooter';

... приведет к значительно меньшему пакету!

0 голосов
/ 08 июня 2018

С моей точки зрения, второй немного лучше, потому что вам не нужно знать внутреннюю часть используемой вами библиотеки.Таким образом, если они изменят структуру папок, это вас не затронет.

...