인프런 커뮤니티 질문&답변

안녕하세요, 수업 잘 듣고 있습니다:)

다름이 아니라, useCallback을 onEdit 함수와 onRemove함수에 적용했는데 계속해서 모든 일기 리스트가 리렌더되는 현상이 발생하여 이유를 묻고 싶습니다 ㅠ

이 코드에 문제점이 있을까요?

  // 배열 삭제
  const onRemove = useCallback((targetId) => {
    setData((data) =>
      data.filter((it) => it.id !== targetId)
    );
  }, []);

  // 배열 수정
  const onEdit = useCallback((targetId, editContent) => {
    setData((data) => {
      return data.map((it) => {
        if (it.id === targetId) {
          it.content = editContent;
        }
        return it;
      });
    });
  }, []);