导航问题：this.props 历史显示未定义答案

【问题标题】：Navigation issues: this.props history appears undefined导航问题：this.props 历史显示未定义
【发布时间】：2020-03-22 07:25:27
【问题描述】：

我无法转到另一个页面，因为 this.props.history 似乎未定义。下面是我看到的错误的屏幕截图。请注意，我使用登录组件中的this.props.history.push("/welcome") 呈现了我的欢迎组件，然后它运行良好。

这是我的 App.js

import React from "react";
import { BrowserRouter as Router, Route } from "react-router-dom";
import Login from "./Components/Login";
import "./App.css";
import Signup from "./Components/Signup";
import Welcome from "./Components/Welcome";
import RecruiterPage from "./Components/Common/RecriterPage";


function App() {
  return (
    <Router>
      <div className="App">
        <Route exact path="/signup" component={Signup} />
        <Route exact path="/" component={Login} />
        <Route exact path="/welcome" component={Welcome} />
        <Route exact path="/recruiter" component={RecruiterPage} />
      </div>
    </Router>
  );
}

export default App;

【问题讨论】：

Here is your answer希望对你有帮助
这能回答你的问题吗？ React-router TypeError: _this.props.history is undefined
由于类“App”的划分（我的意思是
），你打破了路由器及其路由之间的链。所以删除这个部门，历史将再次可用。
@Sercanözen 我刚刚将我的<div className="App"> 移动到<Router> 之前，但是问题仍然存在。
@ZombieChowder 我错过了一些东西，因为我已经尝试了你在第二条评论中提到的解决方案