Separate into component

Author: SuperSimpleDev

1-exercise-solutions/lesson-04/4d.html

@@ -39,10 +39,9 @@
 
     <script src="https://unpkg.com/supersimpledev/babel.js"></script>
     <script type="text/babel">
-      function App() {
+      function LoginForm() {
         return (
           <>
-            <p className="title">Hello, welcome to my website</p>
             <div>
               <input
                 placeholder="Email"
@@ -62,6 +61,15 @@
         );
       }
 
+      function App() {
+        return (
+          <>
+            <p className="title">Hello, welcome to my website</p>
+            <LoginForm />
+          </>
+        );
+      }
+
       const container = document.querySelector('.js-container');
       ReactDOM.createRoot(container).render(<App />);
     </script>