Highcharts 如何防止子级使用React-onClick事件

Highcharts 如何防止子级使用React-onClick事件,highcharts,reactjs,Highcharts,Reactjs,我有一个带有onClick处理程序的React组件 该组件由几个子组件组成,包括一个用于呈现Highcharts图表的子组件 如果单击组件上除Hichcharts视图以外的任何位置,则会按预期触发onClick。如果单击图表,则不会触发onClick 如何解决这个问题?对我来说,最干净的解决方案是使用绝对定位在highchart的上方渲染一个透明的div 透明div首先获取事件,并完全由React处理。这解决了所有问题。Highcharts可能正在使用click事件。呈现Highchart的组件

我有一个带有onClick处理程序的React组件

该组件由几个子组件组成,包括一个用于呈现Highcharts图表的子组件

如果单击组件上除Hichcharts视图以外的任何位置,则会按预期触发onClick。如果单击图表,则不会触发onClick


如何解决这个问题?

对我来说,最干净的解决方案是使用绝对定位在highchart的上方渲染一个透明的div


透明div首先获取事件,并完全由React处理。这解决了所有问题。

Highcharts可能正在使用click事件。呈现Highchart的组件可以在呈现图表时将引用传递给其onclick处理程序。