reactjs - 高图轴标签中的反应组件

Question

我希望在 highchart 轴标签中使用反应组件。我尝试了许多不同的方法来实现这一点，但都没有成功。

这是我现在的位置：

import React from 'react'
import ReactHighcharts from 'react-highcharts

import MyOtherReactComponent from '...'

export const MyReactChart = () => (
  <ReactHighcharts config={{
    ...
    xAxis: [{
      categories: ['Item 1', 'Item 2'],
      labels: {useHTML: true, formatter: function() {
        return this.value + <MyOtherReactComponent  options={options} />
      }}
    }, {// Secondary xAxis}]
  }}
)

我不断收到以下信息：

Item 1 [Object, Object]
Item 2 [Object, Object]

有人可以告诉我如何做到这一点吗？

非常感谢和欢呼！