xwjkka
@xwjkka
я пытаюсь...

Почему не работает Routes?

вроде все подключила, нов итоге на каждой странице белый экран

-Apps.js
import React from 'react';
import {
  BrowserRouter,
  Routes,
  Route
} from "react-router-dom";
import About from "./pages/About"
import Registration from "./pages/Registration"

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Registration />} />
        <Route path="about" element={<About />} />
      </Routes>
    </BrowserRouter>
  );
}
 
export default App;


-About.jsx -вторая страница аналогичная
import React from "react";

const About = ()  => {
  return (
    <h1>mdcksl</h1>
  );
}

export default About;
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
xwjkka
@xwjkka Автор вопроса
я пытаюсь...
Для тех кто столкнулся с такой же проблемой. Я глянула ошибки в консоли браузера, там они как раз были, хотя в VsCode ничего. Лично у меня оказалось так что файл reactа повторялся, поэтому ничего не работало.

Ссылка на решение ошибки
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
alternativshik
@alternativshik
причем тут джанго и что за Roates?
Ответ написан
Комментировать
@webjun
Попробуйте к импортированным компонентам добавить .jsx
import About from "./pages/About.jsx"
import Registration from "./pages/Registration.jsx"
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы