从Reactjs中的其他文件夹导入文件？

Question

我正在尝试将 ContactUs.js 导入到 Footer.js ，但无法使其正常工作：

这是我的项目结构：

这是我尝试导入的方式：

import ContactUs from '../Pages/Contact Us/ContactUs.js'
import ContactUs from '../..Pages/Contact Us/ContactUs.js'
import ContactUs from './../Pages/Contact Us/ContactUs.js'

Answer 1

优良作法是对文件夹和文件使用camelCase或snake_case名称，因此将文件夹名称从Contact Us重命名为ContactUs

import ContactUs from '../ContactUs/ContactUs.js'

Answer 2

import ContactUs from '../../Pages/ContactUs';

通常，您不会在组件内部包含页面，因此您的结构可能有些问题。