エラーはないのにカウンターの数値が変化しない
解決したいこと
Reactでカウンターを作っているのですが、エラーはないのにブラウザ上で数値が増減せずにずっと0のままです。なぜかわかる方いらっしゃいましたら教えてほしいです。
vscodeを使っています。create-react-appで始めました。
import './App.css';
import { useState } from 'react';
function App() {
const [count, setCount] = useState(0);
return (
<div className="App">
<h1>Count: {count}</h1>
<button onClick={() => {
setCount(count + 1)
console.log(count)
}
}>Up</button>
<button onClick={() => {
setCount(count - 1)
console.log(count)
}
}>Down</button>
</div>
);
}
export default App;
自分で試したこと
コンソールにはちゃんと数値の変化が表示されるのですが、どうしてなのでしょうか?
0