Reactに `... /`をインポートするには？

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'が失敗したということです：理想的な構造は以下です。ヘッダーをimport Header from '../Views/Header'で/Components/Main.jsからインポートすると成功します。

.../ファイルのインポート方法は？

Answer 1

あなたがいますここでは、すべての点で混乱...
./File.jsは、「現在のディレクトリにFile.js」
../File.jsが
「アップFile.js 1ディレクトリ」を意味意味手段「File.js二つのディレクトリアップ」

とにかく..あなたの問題を解決するためにあなたが言ったまさに...リアクトのために、私は混乱していた

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

Answer 2

あなたは。relative pathを使用している、とあなたが../Views/Header.jsを行うときに、ちょうどあなたのパスに追加..を追加し、あなたはComponentsフォルダにHeader.jsを見つけるしようとしているが、あなたはsrcフォルダまで移動する必要がある

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