Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
useeffect
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
답변
3
억장이문어찜
·
1년 이상
699
0
답변 3
next.js 모달 기능 관련 질문드립니다
A 컴포넌트 const [modal, setModal] = useState({ show: false, ref: useRef<HTMLDivElement>(null), }); useEffect(() => { const handleRouteChange = () => { setModal((prev) => ({ ...prev, show: false })
답변
0
raven
·
거의 2년
277
0
답변 0
리덕스 고수께 질문합니다
useEffect(() => {<!-- -->dispatch(routerAction.locationChange(route))}, [route]) 요레 사용하면 아무 문제 없이 동작하지만 eslint 에서 오류 줍니다 ESLint: React Hook useEffect has a missing dependency: 'dispatch'. Either include it or remove the dependency array.
답변
2
봉봉포도2
·
약 2년
253
0
답변 2
React - useEffect 안에서 State를 변경하는 일반 함수 호출 시, State 값 없어짐
안녕하세요, 이상한 현상이 발생되어 도움 요청드립니다. 페이지네이션을 위한 커스텀 훅을 만들었는데, 1) 비동기로 데이터를 받아 와서, totalList라는 State를 외부에서 업데이트 시켜주면, 2) useEffect가 호출되면서 다른 State들도 업데이트를 시키는데, 문제는 getViewPageList() 함수를 타기 전에 setTotalPageList([...totalPageList]); 로 업데이트해 둔 totalPageList라는 St
답변
5
ChanceTime2
·
약 2년
453
0
답변 5
리액트 개발자분들 useEffect 자주 사용하시나요~?
최근들어서 useEffect Hook 에 대한 불편함을 많이 느끼고 있어서 여쭤봅니다.. 제가 불편하다는 점은.. 의존배열의 값이 변경될때마다 호출된다는 매커니즘 본질입니다.. 이게 명확하게 함수호출에 의해 호출되는 방식이 아니다보니.. 저~~~ 밑에 props 에서 변경하는 state 로 인해 디버깅 하는것도 은근 어렵고 잘 활용하는건 더더욱 어려운거 같고 정말 유용한 Hook 인지도 사실 잘 모르겠네요 그냥 명확하게 함수로 정의하고 필요할때
답변
0
greatbk
·
2년 이상
198
0
답변 0
리액트에서 초기 데이터 조회에 대한 문의
저는 리액트에서 초기 데이터를 백앤드에서 조회하는경우 아래 샘플코드처럼 useEffect를 사용해서 처리하곤 하는데요 useEffect(() => { initPage().then(() => true) // eslint-disable-next-line react-hooks/exhaustive-deps }, []) 이 경우 리액트에서 오류메시지를 출력하는데, 의존성 배열을 비워놓는것은 onLoad 개념의 특
해결
1
진진바리
·
2년 이상
345
0
해결 1
useEffect가 자꾸 동작해요
안녕하세요. 너무 궁금하고 미치겠어서 처음으로 질문 글을 올려봅니다.. 제가 생각하는 useEffect는 렌더링 시 발동하는데, 의존성 배열에 따라 작동이 할 수도 안 할 수도 있다고 생각합니다. // 오늘 날짜 const date = getCurrentDate();하지만 아래의 코드를 보면 date는 변하지 않았는데 자꾸 axios 호출이 되는 모습을 볼 수 있습니다. (여기서 date는 오늘 날짜 입니다. 하루를 주기로 날짜가 바뀔 때마다
답변
1
물먹이
·
2년 이상
284
0
답변 1
useEffect data fetching cancel 해결방법 있을까요?
import React from "react"; const Parent = () => { const [open, setOpen] = useState(false) const [post, setPost] = useState([]) const fetchData = async () => { const res = await getPost()
답변
1
Asdzxc12
·
2년 이상
480
0
답변 1
react, nextjs / classList.toggle("active"); 적용 안됨
nextjs에서 모달 컴포넌트 따로 만들어서 햄버가 메뉴 클릭하면 모달창 나오고 햄버거 메뉴는 x 모양으로 변하는 코드를 작성했습니다. hamburger.addEventListener("click", () => { hamburger.classList.toggle("active"); master.reversed() ? master.play() : master.reverse();
답변
1
무코슝
·
2년 이상
281
0
답변 1
(도와주세요,,) 마운트 시 Context API의 setter 함수로 state 값 변경하고 즉시 반영하고 싶습니다.
CatContext.tsx import { useState, createContext, ReactNode } from "react"; // Context Type type CatContextType = { // GV : Global Variable catIdArrGV: string[]; catProfilePhotoUrlArrGV: string[]; currentSelectedCatIdGV: string; //
답변
3
doso123
·
2년 이상
213
0
답변 3
React useEffect에 관해서
export default function App() { const [test1, setTest1] = useState(0); const [test2, setTest2] = useState(0); useEffect(() => { setTest1(1); }, []); useEffect(() => { setTest2(1); }, []); console.log("te
해결
2
안녕하세요플레
·
2년 이상
294
0
해결 2
react useEffect안에서 state를 사용하는 방법에 대한 질문
컴포넌트 초기 렌더링 시 서버를 구독 구독할 때 콜백 함수를 지정할 수 있고, 콜백 함수의 인자로 새로운 데이터를 받음 콜백 함수에서는 새로운 데이터를 받아 list 배열에 일치하는 데이터가 없으면(=새로운 데이터면) setlist로 새로운 데이터 추가 문제점: 초기 렌더링 시 한 번만 구독을 하고 싶지만, 의존성 배열에 list가 있기 때문에 setlist로 상태 변경 시마다 구독을 다시 요청 콜백 함수 부분을 함수로 빼내도 useCallba
답변
4
풀스택불곰
·
약 3년
331
0
답변 4
리액트 useEffect 훅에 대한 문의입니다
useEffect 훅을 컴포넌트가 로딩될때 한번 실행되게 하기 위해서 다음과 같이 코딩하였습니다. useEffect(() => { console.log('zzz') }, []) 컴포넌트 로딩시 두번 실행되는데... 확인해볼 부분이 있을까요? 초보자는 웁니다 ㅠㅠ
해결
1
레모네이드
·
3년 이상
449
0
해결 1
React Hook useEffect, useCallback 사용관련
상태데이터를 fetch 하는 것과 관련해서(keywordList) 무한루프가 발생했습니다.그래서 아래와 같이 Hook를 사용하여 처리하였는데 관련해서 질문 드리겠습니다.1) 방법 1에서 useCallBack()를 사용하고 나서, 이후 useEffect() 함수 부분을 따로 사용하지
해결
1
레모네이드
·
3년 이상
961
0
해결 1
useState 무한루프
최초로 getList() 의 리턴값을 상태데이터(keywordList)에 저장하고useState Hook의 상태 데이터 유무에 따라 표시하는 html을 구현했습니다.{keywordList.length > 0 ? <Nodata/> : (<table style={{margin:"0px auto"}}해당페이지를 클릭하면 무한
답변
1
서재열_개발자
·
3년 이상
728
0
답변 1
React useEffect 경고메시지
react의 useEffect에서 의존성배열에 없는 값을 부수효과 함수에 사용하면 React Hook useEffect has a missing dependency: ' '. Either include it or remove the dependency array react-hooks/exhaustive-deps다음과 같은 경고를 받는 것을 알 수 있었습니다. 여기서
답변
1
hao62
·
3년 이상
254
0
답변 1
React useEffect 내에서 axios 및 함수 실행 관련 질문입니다.
리액트 및 스프링부트를 활용하여 학습 중입니다.useEffect를 사용하여 특정 페이지에 진입하자 마자 getToken API를 호출하고자 합니다.axios.post 활용해서 뒷단(8080포트)으로 보내주어 성공했는데요.궁금한 점이, useEffect 내에서 바로 axios.post를 사용하면 성공하는데, getTokenFun(); 이런 식으로 별도의 함수로 뺐을 때는 실패하여 catch 문으로 빠
답변
4
ryongryong
·
3년 이상
2.5k
0
답변 4
리액트 localstorage 새로고침 시 초기화
import React, { useState,useRef, useEffect } from "react";import FullCalendar from "@fullcalendar/react";import dayGridPlugin from "@fullca
해결
1
charlatan
·
3년 이상
334
0
해결 1
리액트 useReducer 사용예제 오류
"실전 리액트 프로그래밍"에 있는 useReducer 예제(코드 4-33)인데요. 카운트다운 같은 겁니다. 1초마다 숫자가 줄어드는...useEffect안에서 setInterval 을 설정할 때 useState를 사용하는 경우 의존성 배열에 상태를 추가해야 해서 렌더링될 때마다 매번 setInterval 이
답변
2
황펭귄제
·
3년 이상
248
0
답변 2
useEffect 기본적인 질문입니다
import React, { useEffect, useState } from 'react';const App = () => { const [age,setAge]=useState(10) useEffect(()=>{ console.log('useEff
답변
3
cobb
·
거의 4년
518
1
답변 3
React useState, useEffect 체인 렌더링 문제
회사에서 리액트 코드를 작성하는데 useState를 너무 많이 써서 불필요한 렌더링을 너무 많이 발생시킨다고 피드백을 받았습니다.제 딴에는 useState들의 순서를 보장하면서 플로우를 만들기 위해서 아래 예시처럼 코드를 작성했던건데,일반적인 경우에서 이러한 useState useEffect 체인이 나쁜건가요?피드백은 불필요한 렌더링을 줄이기 위해서 가능하면 use
이전
1
2
다음
Search Bar
