Reactjs React实际上是从哪里导入的？

大多数React文件的顶部有：

import React from 'react'

---

然而react实际上并不是一个文件。那么，它在哪里？如何从无导入？

React作为npm包安装，因此可以在您的node_modules文件夹中找到它。它就是从那里导入的。

React作为npm包安装，因此可以在您的node_modules文件夹中找到它。它就是从那里导入的。

React作为依赖项在node\u modules目录中提供

---

React还必须在包含JSX的文件范围内，以使像Babel这样的Transpiler知道如何处理该语法。

React作为依赖项在node_modules目录中提供

React还必须在包含JSX的文件范围内，以使像Babel这样的Transpiler知道如何处理该语法。

从React导入时，它首先查看节点\u modules/React/index.js，就像其他模块在没有指定文件的情况下查找index.js一样。您可能还会问，它为什么要查找节点_模块？答案是您没有为eg../components/MyComponent指定相对或绝对文件路径。当您不指定特定路径时，它将查找node_modules目录

index.js导出如下所示：

if (process.env.NODE_ENV === 'production') {
  module.exports = require('./cjs/react.production.min.js');
} else {
  module.exports = require('./cjs/react.development.js');
}

所以，让我们继续讨论开发环境。现在，当您查看文件节点_modules/react/csj/react.development.js时，您将在文件末尾找到几个exports语句

所以，您只需导入React就意味着您要导入所有这些。因此，您可以使用React.Component、React.Children等

您不必指定React，但它是标准的。因此，即使你这样做：

import ReactApplication from 'react'

您可以访问所有这些组件，如ReactApplication.Component。希望，这会把事情弄清楚

进一步详情：

指定./时，它将查找当前目录。 指定/时，它将查找根目录。 当您不指定时，它将首先查找项目中的目录，如果找不到，它将查找node_modules目录。 您可能感兴趣的其他帖子：

当您从react导入时，它首先查看节点_modules/react/index.js，就像其他模块在没有指定文件的情况下查找index.js一样。您可能还会问，它为什么要查找节点_模块？答案是您没有为eg../components/MyComponent指定相对或绝对文件路径。当您不指定特定路径时，它将查找node_modules目录

index.js导出如下所示：

if (process.env.NODE_ENV === 'production') {
  module.exports = require('./cjs/react.production.min.js');
} else {
  module.exports = require('./cjs/react.development.js');
}

所以，让我们继续讨论开发环境。现在，当您查看文件节点_modules/react/csj/react.development.js时，您将在文件末尾找到几个exports语句

所以，您只需导入React就意味着您要导入所有这些。因此，您可以使用React.Component、React.Children等

您不必指定React，但它是标准的。因此，即使你这样做：

import ReactApplication from 'react'

您可以访问所有这些组件，如ReactApplication.Component。希望，这会把事情弄清楚

进一步详情：

指定./时，它将查找当前目录。 指定/时，它将查找根目录。 当您不指定时，它将首先查找项目中的目录，如果找不到，它将查找node_modules目录。

---

您可能感兴趣的其他帖子：

您已经通过npm/Thread安装了它，对吗？是的，React已经安装。您已经通过npm/Thread安装了它，对吗？是的，React已经安装。为什么路径不需要是../node\u模块/React？因为一切都是通过web pack安装的。因此，它知道如何通过default@dinakajoy这是Node.js应用程序的默认特性。因此，即使您没有网页包配置，您也可能会发现相同的性质。配置用于修改默认行为。为什么路径不需要是../node\u modules/react？因为所有内容都是使用web pack设置的。因此，它知道如何通过default@dinakajoy这是Node.js应用程序的默认特性。因此，即使您没有网页包配置，您也可能会发现相同的性质。配置用于修改默认行为。谢谢。这有助于我理解我对网页包的配置有误，这就是我遇到此问题的原因：我已进一步更新，这可能有助于您进一步查询：谢谢这有助于我理解我对网页包的配置有误，这就是我遇到此问题的原因：我已进一步更新，这可能有助于您进一步查询：