userEffectが発火しない理由を知りたい。
こちらのサンプルを参考にuseEffectを実装してみたのですが
Reacct
import { useEffect, useState } from 'react' import './App.css' function App() { const [count, setCount] = useState(0); const handleClick = () => { setCount(count + 1); }; useEffect(() => { console.log('useEffect'); }, [count]); return ( <div className="App"> <h1>UseState, UseEffect</h1> <button onClick={ handleClick }>+</button> <p>{ count }</p> </div> ) } export default App
自己流で書いたコードではcountが変化してもuseEffectが発火しません。どうか理由を教えてください。
React
import React, { useEffect, useState } from "react"; import './App.css'; function App() { const [count, setCount] = useState(0); const handleClick = () => { setCount(count + 1); }; const handleClickMinus = () => { if (count > 0) setCount(count - 1); }; useEffect= (() => { console.log('useEffectExample') }, [count]); //発火しない return ( <div className="App"> <h1>Hello World</h1> <p>Number is { count }</p> <button onClick={ handleClick }>+</button> <button onClick={ handleClickMinus }>-</button> </div> ); } export default App;
まだ回答がついていません
会員登録して回答してみよう