Changeset 4a64cf0 for reactapp

Timestamp:

07/29/22 21:31:30 (2 years ago)

Author:

unknown <mlviktor23@…>

Branches:

main

Children:

3a44163

Parents:

7cb8c3c

Message:

implemented addOpinion and replyToOpinion functions, reorganized api

Location:

reactapp/src

Files:

• Pages/Professor.js (moved) (moved from reactapp/src/Component/Professor.js ) (3 diffs)
• index.js (modified) (1 diff)

reactapp/src/Pages/Professor.js

@@ -5 +5 @@
   let params = useParams();
 
-  let [professor, setProfessor] = useState();
+  let [professor, setProfessor] = useState(null);
+  let [loaded, setLoaded] = useState(null);
 
   useEffect(() => {
-    const url = "http://192.168.0.17:8080/professor/1";
+    const url = `http://192.168.0.17:8080/public/professor/${params.professorId}`;
 
     const fetchData = async () => {
@@ -15 +16 @@
         const json = await response.json();
         setProfessor(json);
+        setLoaded(true);
       } catch (error) {
         console.log("error", error);
@@ -23 +25 @@
   }, []);
 
-  return (
-    <div>
+  if (loaded) {
+    return (
       <div>
         <div>{professor.professorName}</div>
         <div>{professor.faculty.facultyName}</div>
+        <Outlet />
       </div>
-      <Outlet />
-    </div>
-  );
+    );
+  } else {
+    return (
+      <div>
+        <p>loading</p>
+        <Outlet />
+      </div>
+    );
+  }
 }
 

reactapp/src/index.js

@@ -1 +1 @@
 import ReactDOM from "react-dom/client";
-import {
-  BrowserRouter,
-  Routes,
-  Route,
-} from "react-router-dom";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
 import App from "./App";
-import Professor from "./Component/Professor";
+import Professor from "./Pages/Professor";
 
-const root = ReactDOM.createRoot(
-  document.getElementById("root")
-);
+const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
   <BrowserRouter>
     <Routes>
       <Route path="/" element={<App />}>
-        <Route path="professor" element={<Professor />}>
+        <Route path="professor">
           <Route path=":professorId" element={<Professor />} />
         </Route>