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

我想构造我的文件。理想的结构如下：如何在React中导入`... /`？

├── 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'成功。

如何导入.../文件？

来源

2016-03-21 morizotter

你是通过这里所有的点混淆...
./File.js意味着“File.js当前目录下的”
../File.js意味着“File.js一级目录”
../../File.js手段“File.js两个目录上”

解决您的问题，做以下

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

来源

2016-03-21 11:32:27 Andreyco

啊......你说的究竟是什么？我很困惑的阵营..反正谢谢！ – morizotter

您正在使用relative path，当你这样做../Views/Header.js你想在Components文件夹中找到Header.js，但你需要拉升至src文件夹，因此只需要添加额外的..到您的路径

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

来源

2016-03-21 11:28:46

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

回答

相关问题