React JS导入路径中双点（../）的作用及使用原因咨询

../在文件路径里代表上一级目录，也就是当前代码文件所在文件夹的父文件夹。你写的import '../App.css';，本质是因为你的代码文件和App.css不在同一个目录下：

举个最常见的目录结构例子：

src/
├── App.css
└── components/
    └── YourComponent.js  # 你写这条导入语句的文件

你的代码文件在components子文件夹里，而App.css在它的上一级src目录中。这时候必须用../跳出当前的components文件夹，才能定位到src目录下的App.css。

如果直接写import 'App.css';，打包工具会默认在当前文件所在的components文件夹里查找App.css，找不到就会抛出文件不存在的错误。

简单说，../就是帮你从当前文件夹往上走一级，找到存放在父目录里的文件。

内容的提问来源于stack exchange，提问作者user19461854