Inflearn Community Q&A

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 까지 같이 넣어야하는지 궁금합니다!