小编Ryx*_*xle的帖子

我正在研究一个反应项目,我们正在使用反应启动器套件.我是项目的新手,当我从github克隆项目并使用npm start它启动项目时启动服务器但在Web检查器中我得到以下错误.

Uncaught Error: imports[1] for react-transform-catch-errors does not look like a React component.

已经在项目中工作的人不会收到此错误.但是,当我从一位朋友那里得到一个新的克隆并做同样的事情时,我也得到了同样的错误.

我不知道需要发布什么细节,所以如果有人需要更多细节请询问.

我正在创建一个css主题引擎,我遇到的一个问题是不同字体的垂直高度问题.我在线阅读了很多文章,所有解决了特定字体系列的解决方案.但在我的主题引擎中,用户可以使用许多字体作为选择.对齐图标和标签时,此垂直高度问题非常痛苦.所以我想知道是否有办法实现这一目标.

我在jsFiddle中创建了一个示例代码,请使用此URL jsfiddle进行检查

// html
<button id="arial">
 arial
</button>

<button id="tahoma">
 helvetica
</button>

// css
#arial {
  font-family: airal;
  font-size: 1em;
  padding: 5px 10px;
}

#tahoma {
  font-family: Tahoma;
  font-size: 1em;
  padding: 5px 10px;
}

所以你可以看到我用arial与tahoma(请不要介意按钮文本).您可以看到文本定位和顶部和底部的空间如何变化.像素值不是网络像素值我只是缩放图像并在photoshop中获得维度只是为了显示差异.

下面最有效的代码是什么。

代码1

const {
  type,
  size,
} = props;

console.log(type);

代码 2*

console.log(props.type);

我在一篇文章中读到，当您读取对象深处的键值对时，会对性能产生影响。我知道访问一个级别不会对性能产生巨大影响。但我想从上面的代码示例（代码1和代码2）中知道哪个会更快、更高效。