JavaScript/React/useEffect/コンポーネント内でsetInverval()を使うのバックアップ(No.1)

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
JavaScript/React/useEffect/コンポーネント内でsetInverval()を使うへ行く。
- 1 (2022-02-08 (火) 05:49:08)

コンポーネント内でsetInverval()を使う

正常に動作するコード

 import { useEffect, useState } from "react";
 import "./App.css";
 
 function App() {
   const [count, setCount] = useState(0);
 
   useEffect(() => {
     const interval = setInterval(() => {
       setCount((prevCounter) => prevCounter + 1);
     }, 1000);
     return () => clearInterval(interval);
   }, []);
 
   return (
     <div className="App">
       <h1>Count: {count}</h1>
     </div>
   );
 }
 
 export default App;