Javascript '；组件'；未定义无未定义'；反应'；在JSX范围内使用JSX react/react时必须在范围内

因此，我可以很好地导入react和组件，但一旦我尝试导入react路由器及其所有相关内容，就会出现以下错误。我把那条线取出来，错误就消失了

src/component/JobComponent.jsx 第1:28行：“组件”未定义无未定义 第4:13行：在JSX范围内使用JSX React/React时，“React”必须在范围内

代码如下。应该很简单吧

import React, { Component } from 'react';
import ListJobsComponent from './ListJobsComponent';
import JobComponent from './JobComponent';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
...

class JobComponent extends Component {
    render() {
      return (
            <h1>Job Details</h1>
      )
  }
}
export default JobComponent

// Rest of file

从“React”导入React，{Component}；
从“./ListJobsComponent”导入ListJobsComponent；
从“./JobComponent”导入JobComponent；
从“react Router dom”导入{BrowserRouter as Router，Route，Switch}；
...
类JobComponent扩展组件{
render（）{
返回(
工作细节
)
}
}
导出默认作业组件
//文件的其余部分

---

编辑：按要求添加了JobComponent代码。

发布了

src/component/JobComponent.jsx的代码。

@Neilk:谢谢编辑，但您误解了我们需要的信息。我们不希望只看到JobComponent，我们希望看到JobComponent.jsx文件。您描述的错误代码听起来好像没有在该文件中导入

React

和

Component

，因此我们需要查看该文件的导入。如果您确实向我们显示了整个文件，那么问题是：它需要导入。此文件正在导入和定义

JobComponent

？嘿，危险，谢谢你的回复。不，它们在不同的文件中，我只是将它们添加到问题中的同一代码块中！嗨，尼古拉斯，是的，你是对的，愚蠢的错误。谢谢