inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 리액트 A-Z[19버전 반영]

할 일 목록을 수정하는 기능 추가하기

handleSubmit을 useCallback으로

해결된 질문

465

뽀개즈아

작성한 질문수 15

0

handleSubmit를 useCallback으로 감싸서 만들어봤는데

const handleSubmit = useCallback(
      (e) => {
        e.preventDefault();
        let newTodoData = todoData.map((data) => {
          if (data.id === id) {
            data.title = editedTitle;
          }
          return data;
        });
        console.log(newTodoData);
        setTodoData(newTodoData);
        setIsEditing(false);
      },
      [todoData, setTodoData, id, editedTitle]
    );

의존성배열에 setTodoData 를 넣지않으면 아래오류가 나면서 handleSubmit 함수가 실행되지 않더라구요

React Hook useCallback has a missing dependency: 'setTodoData'. Either include it or remove the dependency array. If 'setTodoData' changes too often, find the parent component that defines it and wrap that definition in 
useCallback

제 지식으론 의존성배열에 todoData만 넣으면 될줄 알았는데 왜 setTodoData 까지 같이 넣어야하는지 궁금합니다!

react redux tdd typescript next.js

답변 1

0

John Ahn

안녕하세요 ~ 안 넣어주셔도 됩니다 ~

린트에서 전달해 준 경고는 다 정확한 부분은 아닙니다 ~

감사합니다!
https://github.com/reactjs/reactjs.org/blob/main/content/docs/hooks-reference.md#usestate-usestate
image

강의 소스 코드 압축 풀기 오류

0

72

1

런타임 에러 ㅠㅠ

0

87

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

104

1

안녕하세요 개발과 상관없는 질문입니다만

0

111

1

리액트 라우터 관련

0

104

1

react-beatiful-dnd에서 문제가 발생합니다.

0

104

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

816

1

useEffect로 사용을 해도 되나요?

0

201

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

195

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

282

2

리액트 dockderfile 작성 시 COPY 질문

0

148

1

next.js에서부터는 react query 필요없는지

0

320

1

기능

0

197

1

오류가 안보여요

0

197

1

CSS

0

219

1

local storage

0

212

1

list컴포넌트 생성하기

0

224

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

333

1

Banner.css에 대해서

0

448

1

플러그인이 추천을 안해줍니다

0

323

1

마이너스버튼 테스트

0

279

2

리액트 서버 실행 오류

0

1157

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

298

1

creactStore질문이요

1

285

2