在带有Django后端的react- Router -dom中使用浏览器路由器

npm install react-router-dom

import { BrowserRouter } from 'react-router-dom';

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById('root')
);

from django.urls import re_path
from django.views.generic import TemplateView

urlpatterns = [
    re_path(r'^.*$', TemplateView.as_view(template_name='index.html')),
]

import { Route } from 'react-router-dom';

const App = () => {
  return (
    <div>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
      <Route path="/contact" component={Contact} />
    </div>
  );
}

import { Link, useHistory } from 'react-router-dom';

const Home = () => {
  const history = useHistory();

  const handleClick = () => {
    history.push('/about');
  }

  return (
    <div>
      <h1>Home</h1>
      <Link to="/about">About</Link>
      <button onClick={handleClick}>Go to About</button>
    </div>
  );
}