javascript - ファイル選択ポップアップを開かないようにする

Question

ドロップゾーン内のドロップゾーンにドラッグされた画像をプレビューしています。

<Dropzone multiple={true} style={dropzoneStyle}  onDrop={this.onDrop.bind(this)} accept="image/*">
    <Preview files={this.state.files} remove={this.remove} text="Drop your images here!"/>
</Dropzone>

ドロップゾーン内をクリックすると、ファイル選択ポップアップが開き、その方法を使用して画像を選択することもできます. ユーザーが画像の上部にある [X] をクリックして、リストから画像を削除できるようにしたいと考えています。問題は、そのアイコンをクリックするとドロップゾーンもクリックすることになるため、画像は削除されますが、ファイル選択ポップアップが開きます。どんな助けでも大歓迎です！

Answer 1

プレビュー コンポーネントを制御できるかどうかはわかりませんが、「X」をクリックしてクリック イベントにアクセスできる場合は、それらのイベントで stopPropagation() を呼び出すことができるはずです。例えば：

onClickRemove(e) {
  e.stopPropagation();
  // Call whatever function removes the image
}