Router, link peldak

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;