Reactjs 应对导入/导出问题？

**请让我知道我缺少什么，以便我可以在屏幕上呈现这些文件。我的目标是在屏幕上显示“教师列表”数据。但我一直收到一个找不到的错误代码。我一直收到以下错误代码：**

Error Code:

Failed to compile.

src/Teachers.js
  Line 5:18:  'TeacherList' is not defined  no-undef

Search for the keywords to learn more about each error.

我在发布这个问题时遇到了一些问题，因为堆栈溢出一直在说“看起来你的帖子主要是代码。”所以我在这里添加了更多细节作为填充

---

（Teachers.js文件）

---

（App.js文件）

import'/App.css'；
进口{
浏览器路由器，
路线,，
}从“反应路由器dom”；
从“./主页”导入主页；
从“/关于”导入关于；
从“/Teachers.js”导入教师；
从“./头”导入头；
从“./课程”导入课程；
常量应用=（）=>(
} />
);
导出默认应用程序；

您需要进行命名导入，因为默认情况下不会导出

教师列表

import { TeacherList } from 'from your path' 

您需要进行命名导入，因为默认情况下不会导出
TeacherList

import { TeacherList } from 'from your path' 

在teacher.js中，我认为没有必要同时使用default和namedexport。因此，我请求您删除命名导出并仅使用默认导出

例如：const teacherList=[]

导出默认教师列表
 在teacher.js中，我认为没有必要同时使用default和named export。因此，我请求您删除命名导出并仅使用默认导出

例如：const teacherList=[]

导出默认教师列表
 我负责你的项目。
确保保持此结构


资料

teachers.js


src

Teachers.js
App.js



应该行得通

我负责你的项目。
确保保持此结构


资料

teachers.js


src

Teachers.js
App.js



应该行得通

您确定
teachers.js
文件位于
。/data
目录中吗？因为它看起来应该正确编译。查看它，
data
dir应该与
src
dir处于同一级别。您确定
teachers.js
文件位于
。/data
dir中吗？因为它看起来应该正确编译。查看它，
data
dir应该与
src
dir处于同一级别。
import './App.css';
import {
  BrowserRouter,
  Route,
} from 'react-router-dom';
import Home from './Home';
import About from './About';
import Teachers from './Teachers.js';
import Header from './Header';
import Courses from './Courses';

const App = () => (
  <BrowserRouter>
    <div className="container">
      <Header />
      <Route exact path="/" component={Home} />
      <Route path="/about" render= { () => <About title='About' />} />
      <Route path="/teachers" component={Teachers} />
      <Route path="/courses" component={Courses} />
    </div>
  </BrowserRouter>
);

export default App;

import { TeacherList } from 'from your path'