Counters that update together
Tue Sep 20 2022 19:17:19 GMT+0000 (Coordinated Universal Time)
Saved by
@bfpulliam
#react.js
import { useState } from 'react';
function MyButton({ count, onClick }) {
return (
<button onClick={onClick}>
Clicked {count} times
</button>
);
}
export default function MyApp() {
const [count, setCount] = useState(0);
function handleClick() {
setCount(count + 1);
}
return (
<div>
<h1>Counters that update together</h1>
<MyButton count={count} onClick={handleClick} />
<MyButton count={count} onClick={handleClick} />
</div>
);
}
content_copyCOPY
Comments