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

链接已呈现，但未使用<link />重定向

1 个答案: