reactjs - 能够在 react-google-chart 上侦听事件(非图表事件)
问题描述
我们目前正在构建一个 reactjs 应用程序。其中一个组件需要使用react-google-chart 来显示注释图表。
能够毫无问题地显示图表 - 要求指定在右侧的注释表上,我们为每一行都有一个按钮,单击该按钮应触发一个事件,该事件可以访问父组件(即父组件)上的方法拿着图表)
这是此 https://codesandbox.io/s/react-google-charts-annotation-chart-d4px2的沙盒代码
请注意图表旁边注释表上的“单击我”按钮
尝试过的解决方案
- 最初尝试使用谷歌注释图表的“选择”事件(传入chartEvents),但这些事件在图表上被触发,但在单击注释表时不会被触发
- 尝试将函数作为属性传递给 react-google-chart 组件,如图所示,但是从按钮 onClick 我无法通过 this.props.getDetail 等属性引用此函数。
理想情况下希望看到一个解决方案,点击注释图表上的按钮......我们能够调用父组件上的函数。当前无法访问父组件中的函数(#getDetail),即上例中的 App