• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 useEffect() 훅함수 질문

useEffect() 훅함수 질문

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #129608

    개발자
    참가자
    안녕하세요
    아직 훅함수에 대해서 개념이 잘 잡히지 않아서, 아래 경우에서 어떻게 사용하는게 더 일반적인지 궁금해요!
    
    만약에, useEffect() 안에 넣어야 할 함수들이 여러개가 있고 lifecycle 단계가 같다면 
    보통은 하나의 useEffect()에 다 넣나요, 아니면 하나하나 useEffect() 안에다가 넣나요, 그것도 아니면 둘 다 상관 없을까요?
    
    ex) 기능1 과 기능 2를 useEffect() 하나에 다 넣은 경우
    
      useEffect( ()=>{
        // 1. watched items를 local storage에 추가
        let watched    = localStorage.getItem('watched');
        let watchedArr = (watched != null)? JSON.parse(localStorage.getItem('watched')):[];
        let index = watchedArr.findIndex( (item) => item == shoesItem.id );
        if( index >= 0 ){ watchedArr.splice(index, 1) }
        
        watchedArr.push(shoesItem.id);
        localStorage.setItem('watched', JSON.stringify(watchedArr));
        // 2. 2초 뒤에 이벤트 페이지 삭제
        setTimeout( ()=> setAlert(false), 2000);
        return( ()=>{
        })
      },[])
     
    #129614

    codingapple
    키 마스터
    상관없는데 기능이 여러개면 분리하는게 나중에 찾고 관리하기 쉬울수도요
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠