import { useState } from "react";
const Button = ({ onIncrement }) => {
console.log("render");
return <button onClick={onIncrement}>increment</button>;
}
function App() {
const [count, setCount] = useState(0);
const handleIncrement = () => {
setCount((prev) => prev + 1);
};
return (
<div className="App">
<h1>Count: {count}</h1>
<button onIncrement={handleIncrement} />
</div>
);
}