reactjs simple counter

vinodnextcoder · vinodnextcoder · commit 79deb86e3d01 · 2024-04-17T14:08:32.000+05:30
diff --git a/vite-project/src/App.jsx b/vite-project/src/App.jsx
@@ -1,6 +1,6 @@
 import { useState } from 'react'
 import './App.css'
-
+import Header from './componets/Header';
 function App() {
   const [count, setCount] = useState(0)
 
@@ -10,6 +10,9 @@ function App() {
 
   return (
     <>
+    <div>
+      <Header />
+      </div>
       <button onClick={cntfn}> counter {count}</button>
     </>
   )
diff --git a/vite-project/src/componets/Header.jsx b/vite-project/src/componets/Header.jsx
@@ -0,0 +1,28 @@
+import React from 'react';
+
+
+const Header = () => {
+  return (
+    <header>
+      
+      <nav>
+        <ul>
+          <li>
+            Home
+          </li>
+          <li>
+            Technology
+          </li>
+          <li>
+            Travel
+          </li>
+          <li>
+           Lifestyle
+          </li>
+        </ul>
+      </nav>
+    </header>
+  );
+};
+
+export default Header;
