Как я могу обработать событие click в echarts tooltip, который реагирует на форматирование?

Question

formatter: (params, ticket, callback) => {
            return `<div class='exp-charts-tooltip'>
                <a class='exp-charts-tooltip-link' href="javascript:void(0);" onClick=${myCustomFunc(123)}>查看</a>
            </div>`
}

Как мне обработать событие клика в форматере всплывающей подсказки echarts, я хочу обработать событие в компоненте реакции, а не в глобальной области, спасибо ~

Answer 1

Formatter ничего не знает о вашем frontend-фреймворке, нет смысла возвращать из него что-то кроме HTML. Я не использую React, но должен быть способ вызова обработчика снаружи. В любом случае вы можете попытаться обработать click из глобальной области:

document.querySelector('body').addEventListener('click', e => {
  if(e.target.classList.contains('exp-charts-tooltip-link')){
    // do something ...
  }
});