React - 何时调用react作为变量vs import导致反应

Question

我在一家拥有大量反应代码库的公司工作......并非所有这些都是为了对标准作出反应，而且并非所有这些都符合它自己的标准（我认为这是非常标准的哈哈）。

我看到反应在整个过程中以不同的方式被带入组件。这是两个例子 - 标有（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语法

然而，没有Javascript引擎支持ES6，因此一些实用工具如babel在幕后将ES6定义转换为ES5语法，其中@azium表示只是用于导入模块的Node commonJS语法。

Answer 2

• 1）是2009年发布的ECMAScript 5（ES5）的语法
• 2）是ECMAScript 6（ES6）的语法，也称为ECMAScript 2015 （ES2015）于2015年出版

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