fix

ainvoner · Dec 5, 2023 · c2194d6 · c2194d6
1 parent 47a8172
commit c2194d6
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 12 deletions.
diff --git a/backend/main.w b/backend/main.w
@@ -5,6 +5,7 @@ bring http;
 
 let react = new ex.ReactApp(
   projectPath: "../client",
+  localPort: 4001
 );
 
 let api = new cloud.Api(

diff --git a/client/public/index.html b/client/public/index.html
@@ -25,6 +25,7 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>React App</title>
+    <script src="./wing.js"></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/client/src/App.js b/client/src/App.js
@@ -1,25 +1,26 @@
 import logo from './logo.svg';
+import {useEffect, useState} from "react";
 import './App.css';
 
 function App() {
+  const [title, setTitle] = useState("Default Value");
+  const getTitle = async () => {
+    const response = await fetch(`${window.wingEnv.apiUrl}/title`);
+    setTitle(await response.text());  
+  }
+
+  useEffect(() => {
+    getTitle();
+  }, []);
+
   return (
     <div className="App">
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
+        {title}
       </header>
     </div>
   );
 }
 
-export default App;
+export default App;