React에서 Div 크기 조정 오류 해결

Question

저는 ReactJS를 배우고 있는데 이를 배우기 위해 작은 프로젝트를 시작했습니다. 드래그하여 크기를 조정할 수 있는 div를 만들려고 합니다. 내 코드는 다음과 같습니다.

으아아아

오른쪽의 크기 조정은 제대로 작동하지만 왼쪽의 크기 조정은 작동하지 않습니다. 실제로 왼쪽으로 드래그하면 div의 크기가 올바르게 조정되지만 버튼을 놓으면 div가 초기 위치를 다시 차지합니다.

제 문제를 해결하셨나요?

답변해주셔서 정말 감사합니다 :)

Answer 1

이것은 매우 짜증나는 버그입니다. 문제는 onDrag 중에 마우스를 놓으면 이벤트가 발생하고 event.clientX가 0으로 설정된다는 것입니다.

이 문제에 대한 빠른 해결 방법은 event.clientX === 0이 있는지 확인하고 함수에서 반환하는 것입니다.