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

안녕하세요. 드래그앤드랍에 대한 실습중 궁금증이 생겨 질문드립니다.

    const handleDragEnd = (result) => {
        console.log("result", result);

        if (!result.destination) {
            return;
        }

        const newTodoData = [...todoData];

        const [reorderedData] = newTodoData.splice(result.source.index, 1);

        newTodoData.splice(result.destination.index,0,reorderedData);

        //TODO 이건 왜 렌더링을 할까 ..?
        // 드래그앤드랍으로 인해서 랜더링을 해서일까
        todoData = newTodoData;
        //setTodoData(newTodoData);
     }

위의 코드에서 setTodoData를 사용하지 않고 todoData에 직접 값을 재할당하였습니다.

랜더링이 되지 않을것을 기대하고 테스트해보았는데 저렇게 해도 랜더링이 되어버리더라구요.

혹시 제가 잘못 이해하고 있는것이 있나 궁금합니다.