如何防止儿童使用React onClick事件

Question

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

该组件由多个子组件组成，包括一个呈现Highcharts图表的子组件。

如果我单击组件上的任何位置而不是Hichcharts视图，则会按预期触发onClick。如果我点击图表，则不会触发onClick。

我该如何解决这个问题？

Answer 1

对我来说最干净的解决方案是使用绝对定位渲染透明div超出高光图。

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