javascript - 如果用户在React js中单击 "open link in new tab"，如何处理onClick代码

Question

当用户单击我的 react 项目中的按钮时，我想运行一些跟踪代码。但是，如果用户在新选项卡中打开单击处理程序，则不会执行该处理程序。

React js 有没有解决办法。

简单的例子:

var Hello = React.createClass({
    render: function() {
        function click(event) {
            event.preventDefault();
            console.log('You can see me even is user clicked on "open link in new tab"')
        }
        return <div >
            < a href = '#'
        target = "_blank"
        onClick = { click } > Go there < /a> < /div>;
    }
});

React.render( < Hello / > , document.body);

Answer 1

这应该可以正常工作 -

  const Hello =  React.createClass({

          click(event) {
                    //here this is the component
                    event.preventDefault();
                    console.log('You can see me even is user clicked on "open link in new tab"')
          },

          render() {
           return <div >
                    < a href = '#'
                target = "_blank"
                onClick = { this.click ///or this.click.bind(this) if you want to have this point to the component } > Go there < /a> < /div>;
          }
  });