如何防止React onClick事件被孩子使用

Question

我有一個帶有onClick處理程序的React組件。

該組件由幾個子組件組成，包括一個呈現Highcharts圖表的子組件。

如果我在組件上單擊“ Hichcharts”視圖之外的其他任何位置，則會按預期觸發onClick。 如果單擊圖表，則不會觸發onClick。

我怎樣才能解決這個問題？

Answer 1

對我來說，最干凈的解決方案是使用絕對定位在highchart的頂部渲染透明的div。

透明的div首先獲取事件，並完全由React處理。 這樣就解決了所有問題。