Где ошибка в react router dom?

когда нажимаю на two открывается главная страница, а должен открываться компонент TwoP
index js
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { BrowserRouter } from "react-router-dom";

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <BrowserRouter>
    <React.StrictMode>
      <App />
    </React.StrictMode>
  </BrowserRouter>,
);

reportWebVitals();


Header jsx
import React from "react";
import {
  Link,
  Route,
  createBrowserRouter,
  createRoutesFromElements,
} from "react-router-dom";
import TwoP from "./Pages/TwoP/TwoP";

const Header = () => {
  const router = createBrowserRouter(
    createRoutesFromElements(
      
        <Route
          path="/two"
          element={<TwoP />}
        />

    )
  );
  return (
    <Link route={router} to="/two">
      two
    </Link>
  );
};

export default Header;


TwoP jsx
import React from 'react'

const TwoP = () => {
  return (
    <h1>TwoP</h1>
  )
}

export default TwoP
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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