Entregistrierung e.preventDefault in reactJS-Methode

Question

Ich bin in einer Situation, in der ich eine google analytische Ereignis on onClicking einen Link auslösen muss. Ich schrieb einen Handler für den Zweck:

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 

} 

Aber nach GA-Ereignisse ausgelöst wird, könnte ich nicht einen Weg zu entbinden der prevent von der Verbindung (erstellt mit Reagieren des „link“ Komponente) finden.

Alle Hinweise sind hilfreich.

Answer 1

Sie können versuchen, indem Sie den Status aktualisieren. Das folgende Beispiel Ich habe versucht, den Ereignishandler bedingt anzuhängen. Ich habe den Handler entfernt, der an onClick Ereignis der Taste nach dem ersten Anruf angeschlossen wird.

Ich habe auch ausprobiert, e.preventDefault für die Verbindung bedingt auszuführen.

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