React -何时将react作为变量调用与导入react

Question

我在一家拥有大量react代码库的公司工作。并不是所有的都是react标准，也不是所有的都遵循自己的标准(我认为这是非常标准的哈哈)。

我看到react始终以不同的方式被引入到组件中。这里有两个例子-用(1)和(2)标记：

(1) let React = require('react');
(2) import React, {Component, PropTypes} from 'react';

有什么不同?为什么使用一个而不是另一个？引入的不仅仅是react。我还看到了import {Component, PropTypes} from 'react';和let {Component} = React;。

我在网上搜索了一下，找不到我要找的东西。也许我的搜索词有点不对劲。我很高兴有简短的解释，并希望与之配套的文档。谢谢。

Answer 1

两者之间的区别在于

1) let React = require('react'); 

是ES5语法，而

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

是ES6语法

然而，到目前为止还没有支持ES6的Javascript引擎，因此一些实用工具，如幕后的babel，将ES6定义转换为ES5语法，@azium说这是仅用于导入模块的节点commonJS语法。

Answer 2

• 1)是ECMAScript 5 (ES5)的语法，发布于2009年；
• 2)是ECMAScript 6 (ES6)的语法，也称为ECMAScript 2015 (ES2015)，发布于2015年

React (1)让react=

(‘react’)；(2)从‘react’导入React，{Component，PropTypes}；