Reactjs 能够侦听google图表上的事件（非图表事件）

我们目前正在构建一个reactjs应用程序。其中一个组件需要使用来显示注释图表

我能够在没有问题的情况下显示图表-要求指定在右侧的annotations表上，我们为每一行设置了一个按钮，单击该按钮应触发一个事件，该事件可访问父组件（即持有图表的父组件）上的方法

这是一个沙箱代码

注意图表旁边注释表上的“单击我”按钮

尝试过的解决方案

最初尝试使用google注释的“选择”事件 chartEvents中的chartpassing，但这些事件会在图表上激发 但在单击注释表时不会激发 尝试将函数作为属性传递给react google chart componet，如图所示，但从button onClick，我无法通过诸如this.props.getDetail等属性引用此函数。。 理想情况下，我们希望看到一个解决方案，单击注释图表上的按钮……我们能够调用父组件上的函数。

---

当前无法访问父组件中的functiongetDetail，如上例中的应用程序

我意识到select事件无法工作，但您能否从select事件中调用父组件上的方法？如果是，怎么做？我们可能可以使用ready事件解决某些问题…即使在“select”上，也无法调用父函数抱歉，如果我误导了它，它可以执行父函数。这就是我的想法，我可以在ready事件期间向按钮添加事件处理程序，但是，我们不知道如何连接到父级…我们为此制定了一个解决方案，即显示不带注释的图表表，并在其旁边手动构建一个表以实现上述功能。为了将图表上的点与手动创建的表关联起来，我们使用双射base 26算法生成ID，我意识到select事件不起作用，但是您能够从select事件中调用父对象上的方法吗？如果是，怎么做？我们可能可以使用ready事件解决某些问题…即使在“select”上，也无法调用父函数抱歉，如果我误导了它，它可以执行父函数。这就是我的想法，我可以在ready事件期间向按钮添加事件处理程序，但是，我们不知道如何连接到父级…我们为此制定了一个解决方案，即显示不带注释的图表表，并在其旁边手动构建一个表以实现上述功能。为了将图表上的点与手动创建的表关联起来，我们使用双射base 26算法生成ID