I realized my comment was already included in your post. Sorry about that.
Actually, there is a simple way to write it without useEffect: setState(prev => prev + 1). It will update properly even if you update it multiple times in one render.
constFunc=()=>{const[count,setCount]=useState(0);// initially count = 0 (When it was first mounted)consthandleClick=()=>{setCount(prev=>prev+1);// count = 1 setCount(prev=>prev+1);// count = 2}return(<buttononClick={handleClick}>{count}</button>
)}
It is called functional update. This one is easier to use or understand, and I recommend to use it when needed. reactjs.org/docs/hooks-reference.h...
I realized my comment was already included in your post. Sorry about that.
Actually, there is a simple way to write it without
useEffect
:setState(prev => prev + 1)
. It will update properly even if you update it multiple times in one render.It is called functional update. This one is easier to use or understand, and I recommend to use it when needed.
reactjs.org/docs/hooks-reference.h...
Yeah! I will definitely try it...