React导入语句如何工作？

Question

使用React编程时，我们通常从以下开始：

import React from 'react';
import ReactDOM from 'react-dom'

然后我们以某种方式访问​​React功能。这实际上是如何工作的？ react和react-dom模块位于何处，编译器如何知道如何找到它们？

Answer 1

以下是关于understanding es6 modules.

的精彩文章

  

<强>基本

     

在ES6中，每个模块都在自己的文件中定义。除非您明确导出模块，否则模块中定义的函数或变量在外部不可见。这意味着您可以在模块中编写代码，并只导出那些应该由应用程序的其他部分访问的值。

     

ES6模块本质上是声明性的。要从模块导出某些变量，只需使用关键字export。同样，要在不同的模块中使用导出的变量，请使用import。

在您的示例中，React和ReactDOM在您通过/node_modules或npm安装时，会添加到项目yarn文件夹中。将它们安装到项目后，您可以import将它们放入代码中并访问其导出的函数。