-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsam.jsx
More file actions
35 lines (29 loc) · 866 Bytes
/
sam.jsx
File metadata and controls
35 lines (29 loc) · 866 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import Button from "./components/Button";
import {useEffect, useState} from "react";
function App() {
const [count, setCount] = useState(0);
const [Message,setMessage] = useState("Rohan");
const increment = () => {
setCount(count + 1);
};
const decrement = () => {
setCount(count - 1);
};
const reset = () => {
setCount(0);
};
useEffect(() => {
setMessage("hey rohan");
console.log( Message);
},[count])
return (
<div style={{textAlign: "center", marginTop: "50px"}}>
<h1>Simple Counter App</h1>
<h2>count:{count}</h2>
<Button label="Increment" onClick={increment} />
<Button label="Decrement" onClick={decrement} />
<Button label="Reset" onClick={reset} />
</div>
);
}
export default App;