[React] Hook

Hook

-> 기존의 함수형 컴포넌트에서 할 수 없엇던 다양한 작업들이 가능하다

 

1. useState

: 함수형 컴포넌트에서도 state 를 관리해서 가변적인 상태를 지닐 수 있게해준다

const [vasue, setValue] = useState(0);

[현재 상태, 상태를 바꿔주는 함수] = useState(초기상태)

- state : props 와 달리 컴포넌트 내부에서 값을 변경 할 수 있음

(props 는 읽기전용으로 값을 변경하려면 paraent 에서 값을 바꿔야한다)

 

 

 

2. useEffect

: 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정

: 클래스형 컴포넌트의 componentDidMount + compareDidUpdate

useEffect( () => {
	console.log('렌더링완료');
    consoloe.log({
    	name,
        age
});