본문 바로가기

basic/React.js

React Hooks useEffect 제대로 알고 쓰기

1
2
3
4
5
useEffect( () => console.log("mount"), [] );
useEffect( () => console.log("data1 update"), [ data1 ] );
useEffect( () => console.log("any update") );
useEffect( () => () => console.log("data1 update or unmount"), [ data1 ] );
useEffect( () => () => console.log("unmount"), [] );

1. virtual dom에 마운트되고서

2. 배열 안의 값이 변경 되었을때 업데이트

3. 다시 랜더링 될때 마다

4. 배열 안의 값이 변경되었거나 언마운트 될 때 cleanup함수 실행

5. 언마운트 될 때 cleanup함수 실행

https://stackoverflow.com/questions/55020041/react-hooks-useeffect-cleanup-for-only-componentwillunmount

 

react hooks useEffect() cleanup for only componentWillUnmount?

Let me explain the result of this code for asking my issue easily. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState('');

stackoverflow.com