Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 79deb86

Browse files
reactjs simple counter
1 parent 99a26f0 commit 79deb86

File tree

2 files changed

+32
-1
lines changed

2 files changed

+32
-1
lines changed

‎vite-project/src/App.jsx‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { useState } from 'react'
22
import './App.css'
3-
3+
importHeaderfrom'./componets/Header';
44
function App() {
55
const [count, setCount] = useState(0)
66

@@ -10,6 +10,9 @@ function App() {
1010

1111
return (
1212
<>
13+
<div>
14+
<Header />
15+
</div>
1316
<button onClick={cntfn}> counter {count}</button>
1417
</>
1518
)
Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import React from 'react';
2+
3+
4+
const Header = () => {
5+
return (
6+
<header>
7+
8+
<nav>
9+
<ul>
10+
<li>
11+
Home
12+
</li>
13+
<li>
14+
Technology
15+
</li>
16+
<li>
17+
Travel
18+
</li>
19+
<li>
20+
Lifestyle
21+
</li>
22+
</ul>
23+
</nav>
24+
</header>
25+
);
26+
};
27+
28+
export default Header;

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /