javascript – 导入React vs React,{Component}

前端之家收集整理的这篇文章主要介绍了javascript – 导入React vs React,{Component}前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
导入React与导入React,{Component}

哪一个更好,为什么?

或者除了稍后编写更少的代码之外它没有任何区别?

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

解决方法

import React,{Component}让你做类Menu扩展Component而不是class Menu扩展React.Component.它减少了React命名空间的输入和复制,这通常是一种理想的现代编码约定.

此外,像Webpack 2和Rollup这样的工具会“树摇动”,这意味着任何未使用的导出都不会捆绑到您的最终代码中.使用导入React / React.Component,您可以保证捆绑所有React的源代码.使用import {Component},一些工具只会捆绑使用Component类所需的代码,不包括React的其余部分.

上面的段落在这个特定的情况下是无关紧要的,因为你总是需要在当前的命名空间中使用React来编写JSX,但是在其他情况下只导入你需要的确切模块可能会导致最后的捆绑代码更小.

除此之外,这完全是个人偏好.

猜你在找的JavaScript相关文章