如何从两步以上的文件导入上下文

Question

这是我的文件夹层次结构-

SRC -

/assets
/components
App.jsx

组件 -

/screens/Login.jsx
Carousel.jsx
Navbar.jsx

假设我在 Login.jsx 文件中。从那里我将如何导入在 App.jsx

中声明的上下文

当我开始写这段代码时-

import React from 'react';
import { IsLoggedInContext } from '../'

我得到的 vscode 编辑器中的自动完成是 -

• 轮播
• 导航栏
• 屏幕

当我开始使用 .../ 时，App 文件没有自动完成功能，如果我手动编写此代码，它也不起作用 -

import { isLoggedInContext } from '.../App'

那么，我将如何在 Login.jsx 文件中导入上下文？有什么办法吗？

Answer 1

单.是当前目录，双..是父目录。三元组 ... 不是引用 directory/file 结构的有效语法。

从 src/components/screens 开始，".." 使您进入 src/components，"../.." 使您回到 src。

import { isLoggedInContext } from '../../App';