React での Div サイズ変更エラーの解決

Question

私は ReactJS を学んでいます。それを学ぶために小さなプロジェクトを始めました。 ドラッグしてサイズを変更できるdivを作成しようとしています。 これは私のコードです:

リーリー

右側のサイズ変更は正常に機能しますが、左側のサイズ変更は機能しません。実際、左側をドラッグすると div のサイズは正しく変更されますが、ボタンをドロップすると div は最初の位置に戻ります。

私の問題は解決しましたか?

＃＃＃ご返事ありがとうございます：）＃＃＃

Answer 1

これは非常に迷惑なエラーです。問題は、onDrag 中にマウスを放すとイベントが発生し、event.clientX が 0 に設定されることです。

この問題を簡単に解決するには、event.clientX === 0 かどうかを確認し、関数からそれを返します。