Question

我想构建我的文件。理想的结构如下：

├── src
│   ├── Data
│   │   ├── AppData.js
│   │   └── AppsData.js
│   ├── Components
│   │   └── Main
│   │       └── Main.js
│   ├── Views
│   │   ├── AppList
│   │   ├── Footer.js
│   │   └── Header.js
│   │
...

但问题是如果我从Main.js导入Header.js，import Header from '.../Views/Header'会失败。当我从/Components/Main.js导入标题时，import Header from '../Views/Header'成功。

如何导入.../个文件？

Answer 1

您正在使用relative path。，当您执行../Views/Header.js时，您正在Header.js文件夹中查找Components，但您需要向上移动src文件夹，只需在路径中添加其他..

即可

import Header from '../../Views/Header'

Answer 2

你对这里的所有点感到困惑...
./File.js表示“当前目录中的File.js” ../File.js表示“File.js一个目录” ../../File.js表示“File.js两个目录”

要解决您的问题，请执行以下操作

// Components/Main/Main.js
import Header from "../../Views/Header"

如何在React中导入`... /`？

2 个答案: