Как перенаправить React проект на другой html файл?

Question

[AmalDoskhoev]

Как подключить другой html документ помимо index.html в React?
Есть обычная ссылка:

<a href='./information/personalData.html' target="_blank"><span>Политика конфиденциальности</span></a>

Но как вы поняли она меня никуда не перенаправляет, в чем может быть проблема? Просто стоит белый экран и все.

Comments

[Михаил Р.]

В консоли что пишет?
Вообще для этих целей лучше юзать роутеры реакта, например https://github.com/remix-run/react-router .

Answer 1

[webjun]

Нужно использовать реакт роутер дом..
Сделайте из этого html документа компонент и далее в своем App файле сделайте роутинг. Если ваша цель это SPA то роутинг выглядит примерно так:

import { BrowserRouter as Router, Route, Routes } from "react-router-dom";

function App() {
  return (
    <div className="App">
      <Router>
        <Header /> //Хедер просто к примеру
        <Routes>
          <Route path="/personal" element={<Personal />} />
        </Routes>
      </Router>
    </div>
  );
}

Comments

[AmalDoskhoev]

Знал это решение, но там были загвоздки, но по итогу пришлось поступить именно так как вы и сказали) Спасибо за ответ!

Answer 2

[Muskat12]

Фишка реакта как раз в том, что бы делать нормальные SPA приложения.
Почитай тут про роутинг - https://reactrouter.com/en/main