小编典典

导入React vs React,{组件}

reactjs

Import ReactImport React, { Component }

哪个更好,为什么?

还是除了以后编写更少的代码外没有其他区别?

写作是否{ Component }意味着只导入Component对象?


阅读 263

收藏
2020-07-22

共1个答案

小编典典

import React, { Component }让您class Menu extends Component代替class Menu extends React.Component。它减少了React名称空间的键入和重复,这通常是一种理想的现代编码约定。

此外,Webpack 2和Rollup之类的工具会“摇晃”,这意味着任何未使用的导出都不会捆绑到您的最终代码中。使用import React/,React.Component您可以保证所有React的源代码都将被捆绑。使用import { Component },某些工具只会捆绑使用Component该类所需的代码,而其余​​的React除外。

上一段在这种特定情况下是无关紧要的,因为您始终需要在当前名称空间中使用React来编写JSX,但是仅在其他情况下导入所需的确切模块才可能最终使捆绑的代码更小。

除此之外,这完全是个人喜好。

2020-07-22