const App = () =>
{
const [sharedClickCount, setSharedCount] = useState(0);
const [localClickCount, setLocalCount] = useState(0);
let sharedClickHandler = () => {
console.log( "S[" + sharedClickCount + "]" );
setSharedCount( sharedClickCount + 1 );
}
let localClickHandler = () => {
console.log( "L[" + localClickCount + "]" );
setLocalCount( localClickCount + 1 );
}
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Application says: {localClickCount}
</p>
<button onClick={() => {
localClickHandler()
}
}>Click me
</button>
<p>React App says: {sharedClickCount}</p>
<SimpleCounter handleClick={sharedClickHandler}/>
</header>
</div>
);
} |