asdasd

react_alap/mai/src/20250124/About.jsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+function About(){
+    return (
+        <>
+            ABOUT
+        </>
+    )
+}
+
+export default About;

react_alap/mai/src/20250124/Contact.jsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+function Contact(){
+    return (
+        <>
+            Contact
+        </>
+    )
+}
+
+export default Contact;

react_alap/mai/src/20250124/Home.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+function Home(){
+    return (
+        <>
+            <h1>Kezdőoldal</h1>
+            <Link to="about">Információkhoz link</Link>
+            <Link to="contact">Elérhetőség</Link>
+        </>
+    )
+}
+
+export default Home;

react_alap/mai/src/20250124/OSZTV/Fooldal.jsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+function Fooldal(){
+    return (
+        <>
+            <Link to="kaki">AZ OSZTV szar</Link>    
+            <Link to="urulek">AZ OSZTV ürülék</Link>
+        </>
+    )
+}
+
+export default Fooldal;

react_alap/mai/src/20250124/OSZTV/Kaki.jsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+function Kaki(){
+    return (
+        <>
+            <Link to="/">Vissza a főoldalra</Link>    
+            <Link to="./../urulek">AZ OSZTV ürülék</Link>
+        </>
+    )
+}
+
+export default Kaki;

react_alap/mai/src/20250124/OSZTV/Urulek.jsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+function Urulek(){
+    return (
+        <>
+            <Link to="/">Vissza a főoldalra</Link>    
+            <Link to="./../kaki">AZ OSZTV kaki</Link>
+        </>
+    )
+}
+
+export default Urulek;

react_alap/mai/src/App.js

@@ -1,3 +1,5 @@
+import {Routes, Route} from "react-router-dom";
+
 import logo from './logo.svg';
 import './App.css';
 import Auto from './Auto';
@@ -11,10 +13,27 @@ import Counter from './25_01_21/Counter';
 import CounterProvider from './25_01_21/CounterContext';
 import SW from './25_01_21/SW';
 
+import Home from './20250124/Home';
+import Contact from './20250124/Contact';
+import About from './20250124/About';
+
+import Fooldal from "./20250124/OSZTV/Fooldal";
+import Kaki from "./20250124/OSZTV/Kaki";
+import Urulek from "./20250124/OSZTV/Urulek";
+
+
 function App() {
   return (
     <>
+<<<<<<< HEAD
       <SW/>
+=======
+    <Routes>
+      <Route path="/" element={<Fooldal/>}></Route>
+      <Route path="kaki" element={<Kaki/>}/>
+      <Route path="urulek" element={<Urulek/>}/>
+    </Routes>
+>>>>>>> d8a5aeab5db23e6d24cad000309d769ffc959133
     </>
   );
 }

react_alap/mai/src/index.js

@@ -2,12 +2,13 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
+import {BrowserRouter} from "react-router-dom";
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
-  <React.StrictMode>
+  <BrowserRouter>
     <App />
-  </React.StrictMode>
+  </BrowserRouter>
 );
 
 // If you want to start measuring performance in your app, pass a function