reactjs

Question

我正在使用 React 并正在为我的项目尝试新的上下文 API，这是一个 "Reddit clone"。所以我的 Context 是在名为 provider.js 的文件中创建的，该文件位于 src 文件夹中 App.js 旁边。现在，我在自己的文件夹中创建了一个 HeaderComponent，它通过以下方式导入 Context：

import Context from '../provider'

我在 HeaderComponent 中创建了另一个名为 LoginComponent 的组件。而且，LoginComponent 在它自己的文件夹中。现在，我已经通过以下方式导入了 Context：

import Context from '.../provider'

../ 导入工作正常，但 .../ 导入抛出错误。

Failed to compile.

./src/HeaderComponent/LoginComponent/index.js Module not found: Can't resolve '.../provider' in 'C:\Users.......\reddit\reactfe\src\HeaderComponent\LoginComponent'

Answer 1

文件夹结构中的每一步都是 .. 后跟 /。

import Context from '../../provider'

Answer 2

圆点的数量并不像您认为的那样有意义。要记住的事情：

../上一级目录。
../../ 向上两个目录（以此类推）。
./ 与当前目录相同。

考虑到这一点，因为您需要向上一个目录（从 LoginComponent 到 HeaderComponent）然后再向上一个目录（从 HeaderComponent 到 src) 因为那是 provider.js 所在的位置，你需要做：

import Context from '../../provider';

Answer 3

如果您运行在您的控制台 ls -la 中，您会看到 . 和 ..。所以 . 是你当前所在的位置，.. 是对父文件夹（上一层）的引用。所以如果你需要返回两个文件夹，你需要把它放两次，这样 ../../.

你的情况import Context from '../../provider'

reactjs - 导入 3 级深度反应

reactjs - import 3 levels deep react

import

react-context