正在呈现链接但不使用重定向

Question

我一直在尝试使用<Link>重定向页面，我所拥有的是URL更改但页面不重定向。只有在我刷新页面后，才会显示。 我搜索并找到了一些链接： 1.一个在correct syntax 2.我在小HTML实施了链接

现在这是我的代码的一部分

App.Js

import React from 'react';

import { Switch , Route , BrowserRouter } from 'react-router-dom';
import HomePage from './section/home';
import Oneup from './section/oneup';

function App() {
  return (
    <div className="main homepage">
      <BrowserRouter>
        <div>
          <Switch>
            <Route path="/" component={HomePage} exact={true} />
            <Route path="/oneup" component={Oneup} exact={true} />
          </Switch>
        </div>
      </BrowserRouter>
    </div>
  );
}

main_content.js

在这里，我包括<Link>

import React from 'react';
import { BrowserRouter, Link } from "react-router-dom";

class Main_content extends Component {
  render() {
    return (
      <div class="ib-center">
         <BrowserRouter>
            <Link to="/oneup" class="btn">VIEW CASE</Link>
         </BrowserRouter>
      </div>
    )
  }
}

现在我无法弄清楚我哪里出错了。 生成的链接很好，并在手动刷新时工作。

Answer 1

使用一个BrowerRouter进行换行，您已经在App.js和main_content.js中使用了BrowerRouter

class Main_content extends Component {
  render() {
    return (
      <div class="ib-center">
         <div>
            <Link to="/oneup" class="btn">VIEW CASE</Link>
         </div>
      </div>
    )
  }