React Hook

 

 

 

 

아래 코드의 경우 람다식을 통해 값을 줄수도 있고 변환 함수(원본 즉시 수정)를 줄 수 있다.

setCount(prev => prev + 1)의 경우 prev는 이전 상 값을 나타내는 변수다. 

 

import { useState } from 'react';
function Body() {
 const [count, setCount] = useState(()=> 0);
 const onIncrease = () => {
 setCount(count + 1);
 setCount(prev => prev + 1);
 setCount(prev => prev + 1);
 
 };
 return (
 <div>
 <h2>{count}</h2>
 <button onClick={onIncrease}>+</button>
 </div>
 );
}
export default Body;

 

 

 

참고

https://velog.io/@haru/process-tasks-when-mount-update-unmounthttps://medium.com/@heoh06/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A9%B4%EC%A0%91%EC%A7%88%EB%AC%B8-1c6050d87c8b