link 正在呈现，但未使用 <Link> 重定向

Question

我一直在尝试使用 <Link> 重定向页面，而我所知道的是 URL 发生了变化，但页面没有重定向。只有在我刷新页面后，它才会显示。
我搜索并找到了一些 links:
1. correct syntax
上的一个 2. 我已经在小 HTML

中实现了 link

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

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>
    )
  }
}

现在我不知道我哪里错了。
link 生成的很好，手动刷新时可以正常工作。

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>
    )
  }

link 正在呈现，但未使用 <Link> 重定向

The link is being rendered but not redirecting using <Link>

reactjs

react-router-dom