일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 자바
- JavaScript
- websocket
- 코딩테스트 고득점 Kit 완전탐색
- react hook
- 코틀린
- react
- 디자인 패턴
- 백준
- NextJS
- 자바스크립트
- useEffect
- design pattern
- react firebase
- useState
- 데이터모델링과마이닝
- 자바 공부
- 리액트 훅
- 프로그래머스 자바
- codesandbox
- 컴퓨터 네트워크
- 리액트
- 코딩테스트 고득점 Kit
- 프로그래밍 언어론
- React JS
- vanillaJS
- 프로그래머스
- 장고
- 프로그래머스 완전탐색
- Java
- Today
- Total
목록react hook useEffect (2)
기록하는 개발자
import React, { useEffect, useState } from "react"; import ReactDOM from "react-dom"; import "./styles.css"; const useTitle = (initialTitle) => { const [title, setTitle] = useState(initialTitle); const updateTitle = () => { const htmlTitle = document.querySelector("title"); htmlTitle.innerText = title; }; useEffect(updateTitle, [title]); return setTitle; }; export default function App..
useEffect function useEffect(effect: EffectCallback, deps?: DependencyList): void - 2개의 인자를 받는다. 첫 번째는 function으로써의 effect이고 두 번째는 list로써 dependency이다. - deps가 있다면 effect는 deps list에 있는 값일 때만 값이 변하도록 활성화 된다. - useEffect는 componentWillUnmount, componentDidMount, componentWillUpdate의 역할을 하는 funciton이다. - dependency에 넣은 list의 상태가 변경되면 effect로 넣은 함수가 실행된다 - useEffect로부터 componentWillUnmount가 반환된다. <..