如何在React Highchart工具提示中添加按钮？

我试图在高图工具提示中添加一个按钮，但是却出现了Uncaught ReferenceError：HTMLButtonElement.onclick中未定义showMoreDetails

以下是图表选项的代码。我正在尝试使用工具提示格式化程序添加工具提示。请让我知道是否有解决方法来监听Reacthighchart工具提示上的点击事件

showMoreDetails = () => {
console.log('showDetails');
}


chartOptions = {
    ...options,
    tooltip: {
      useHTML: true,
      backgroundColor: '#000000',
      borderRadius: 6,
      borderColor: '#000000',
      valueDecimals: 2,
      animation: true,
      style: {
        color: 'white',
        opacity: 0.75,
        shadow: '0px 3px 6px #000000',
        pointerEvents: 'auto'
      },
      hideDelay: 1000,
      formatter() {
        const { point } = this;
       return `<span>
        <span>Rating = ${point.y}</span>
        <button type="button" onclick="showMoreDetails()">More Details</button>
       </span>`
      }
    }
  }

然后我将此作为选项传递给React High-Charts。

另一方面，当我添加简单的console.log或在onclick中发出警报时，它的作用就像魅力。

<button type="button" onclick="alert('this shows an alert')"> details </button>

请帮我。提前致谢。