Маршрутизатор React и Django могут сосуществовать?

Я интегрирую React с Django.

Поэтому при обращении к http://localhost:8000/

мой django jump to

def index(request: HttpRequest) -> HttpResponse:
    return render(request, 'index.html', context)

Прямая верхняя страница

и index.js, создайте элемент, где id=app

import React from 'react'
import ReactDOM from 'react-dom';
import App from './components/App.js'

ReactDOM.render(
    React.createElement(App),
    document.getElementById('app')
);

Затем я установил /top под react router.

const App = () => {
    return (
      <BrowserRouter>
        <Routes>
          <Route path={`/top`} element={<TopPage />} />
        </Routes>
      </BrowserRouter>
    );
  };
export default App;

Однако при использовании http://localhost:8000/top он переходит на django url.

Что я хочу сделать: используя /admin для django, передавать другие урлы, кроме admin, в React.

Есть ли какая-нибудь практика для этого?

Вернуться на верх