38 lines
677 B
TypeScript
38 lines
677 B
TypeScript
"use client";
|
|
|
|
import { useState, useEffect } from "react";
|
|
|
|
const UseEffectBasics = () => {
|
|
const [value, setValue] = useState(0);
|
|
|
|
const handleClick = () => {
|
|
setValue(value + 1);
|
|
};
|
|
|
|
const sayHello = () => {
|
|
console.log("hello there");
|
|
};
|
|
|
|
useEffect(() => {
|
|
sayHello();
|
|
});
|
|
|
|
// useEffect(() => {
|
|
// sayHello();
|
|
// }, []);
|
|
|
|
// useEffect(() => {
|
|
// sayHello();
|
|
// }, [value]);
|
|
|
|
return (
|
|
<div className="card w-96 bg-base-100 shadow-xl border border-base-200">
|
|
<h1>value : {value}</h1>
|
|
<button className="btn" onClick={handleClick}>
|
|
click me
|
|
</button>
|
|
</div>
|
|
);
|
|
};
|
|
export default UseEffectBasics;
|