React jsの "新しいタブでリンクを開く"をクリックした場合のonClickコードの処理方法

Question

ユーザーが反応プロジェクトのボタンをクリックすると、いくつかのトラッキングコードを実行します。ただし、ユーザーが新しいタブで開くとクリックハンドラは実行されません。

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>; 
      } 
    });