ES6导入React命名导入的最佳方法

阿米尔·侯赛尼安

我想知道其中进口的双向反应命名为进口(PropTypesComponent)在ES6是最好的。

第一

import React, {PropTypes, Component} from 'react';

这样可以节省大量专门在需要验证许多道具的组件上键入的内容。

第二

import React form 'react';

然后像React.Component我想使用它们时那样称呼它们。

两种方法之间在性能上有什么区别吗?还是应该选择我更喜欢的哪种风格

克里斯

我会说性能差异几乎为零。

对我而言,后面的主要优点是维护名称空间:这是一个人为的示例,因为您显然不会包含lodash和下划线-

import { map } form 'lodash';
import { map } from 'underscore'; // oh no map-clash

import lodash from 'lodash';
import underscore from 'underscore'; // lodash.map v underscore.map

但是,我通常倾向于变形版本({}版本),因为它比处处这些可能的大对象“感觉”整齐。

编辑

另一个值得注意的是,越来越多的库在编写可以作为较大整体的较小部分导入的模块方面变得越来越好-这对于ES6的导入功能特别有效。

例如,如果您仅从maplodash中使用,则像这样导入:

import map from 'lodash/map';

代替这个:

import { map } from 'lodash';

会导致最终编译的文件小得多(如果您正确设置了browserifry / rollup / webpack / [插入月份的风格]),因为它只会带来执行map所需的代码。而第一个带来了所有的东西。

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章