在reactJS方法中取消註冊e.preventDefault

Question

我處於需要在點擊鏈接時觸發Google分析事件的情況。我寫的目的的處理程序：

handleClick(e){ 
    e.preventDefault(); 
    // -------------------------- 
    GA code ... 
    // -------------------------- 
    // now how can I re-eanble the link 
    // e.target.click() and similar methods are not working for me 

} 

但GA事件被觸發後，我無法找到一個方法來從鏈接取消綁定的preventDefault（與之反應的「鏈接」組件創建）。

任何指針都會有幫助。

Answer 1

您可以嘗試更新狀態。 下面的示例我試圖有條件地附加事件處理程序.. 我已經刪除第一次調用後附加到按鈕onClick事件的處理程序。

我也試過有條件地執行e.preventDefault的鏈接。

https://codesandbox.io/s/MQnoVJKJR

import React from 'react'; 

export default class Hello extends React.Component { 
    state = { 
    btnClicked: false, 
    linkClicked: false, 
    }; 
    constructor() { 
    super(); 
    } 
    handleClick(e) { 
    e.preventDefault(); 
    alert('button clicked'); 
    this.setState({ 
     btnClicked: true, 
    }); 
    } 
    handleLinkClick(e) { 
    if (!this.state.linkClicked) { 
     e.preventDefault(); 
    } 
    this.setState({ 
     linkClicked: true, 
    }); 
    } 
    render() { 
    return (
     <div> 
     <div> 
      <button 
      onClick={!this.state.btnClicked && this.handleClick.bind(this)}> // Binding onClick event to state change 

      Click Me 
      </button> 
     </div> 
     <a 
      href="https://www.google.co.in" 
      target="_blank" 
      onClick={this.handleLinkClick.bind(this)} 
     > 
      Go to Google.com 
     </a> 
     </div> 
    ); 
    } 
}