도쿄에서 개발하기

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

useEffect 사용법 1

React - useEffect의 사용법과 예제

useEffect 리액트의 useEffect 훅을 사용하면 함수 컴포넌트에서도 side effect를 사용할 수 있습니다. useEffect(effect, [, deps]); 파라미터 effect함수 렌더링 이후 실행할 함수(리액트는 이 함수를 기억 했다가 DOM 업데이트 후 불러낸다.) effect함수에서 함수를 return 할 경우 그 함수가 컴포넌트가 Unmount 될 때 정리의 개념으로 한 번 실행된다. deps 특정한 값이 변경될 때 effect함수를 실행 하고 싶을 경우 배열안에 그 값을 넣어준다. 예 ) name변수가 변경 될 때 useEffect(effect, [name]) 빈 배열을 입력할 경우 컴포넌트가 Mount 될 때에만 실행 된다. componentDidMount 혹은 compon..

프로그래밍/React 2021.05.04
1
더보기
프로필사진

일본 도쿄에서 개발하며 놀고먹을 생각인 블로그

  • 전체 (30)
    • 공지사항 (1)
    • 일본생활 (0)
      • 반려묘 (0)
      • 여행 (0)
      • 일본 맛집 (0)
      • 도쿄 생활정보 (0)
      • 요알못의 요리 (0)
    • 프로그래밍 (29)
      • React (2)
      • React Native (0)
      • JavaScript (7)
      • AWS (0)
      • JAVA (2)
      • PHP (2)
      • DB (0)
      • HTML+CSS (0)
      • Jquery (0)
      • VBA (2)
      • Unity (0)
      • Laravel5 (14)
      • Fuel PHP (0)
    • 취미생활 (0)
      • 게임 (0)
      • 기기리뷰 (0)

Tag

react hook useeffect, react componentdidupdate useeffect, javascript splice, 자바스크립트, javascript 배열 자르기, react componentdidmount useeffect, 리액트 useEffect, 자바스크립트 배열 수정, useEffect 예제, React JS, 자바스크립트 배열 변경, PDT, 리액트 훅 useeffect, React useEffect, 자바스크립트 배열 자르기, useeffect cleanup, useEffect 사용법, JavaScript, XAMPP 이클립스, javascript 배열 수정,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 남 이의 블로그

티스토리툴바