Capturing onClick in einem Router React Link-

Question

Gebräuchliche „Ich bin neu in Reaktion, Redux und ES6“ ...

Ich brauche meine Komponente zu benachrichtigen, oder genauer gesagt eine Aktion aufrufen (oder ähnliches, muss ich ein Objekt im Laden aktualisieren), wenn ein Benutzer auf einen Redux-Router-Link klickt. Zum Beispiel:

render(){ 
     return (
      <Link to={'/leaf/' + node.Id}> 
       <div className="col-md-2" style={divStyle}> 
        <label> 
         {node.Title} 
        </label> 
       </div> 
      </Link> 
     ); 
     } 

Ich möchte benachrichtigt werden, wenn der Benutzer auf den Link klickt. Ich möchte nicht verhindern, dass irgendetwas passiert, ich möchte nur einen asynchronen Rückruf in den Laden auslösen, damit eine Variable aktualisiert wird.

Wie würde ich das tun?

Answer 1

Sie können wahrscheinlich eine onClick={// some function} Stütze an das Link-Element anhängen. Wenn das nicht funktioniert, können Sie es zum html-Element label hinzufügen.

Es sollte nichts davon abhalten zu propagieren, es sei denn, Sie sagen es ausdrücklich.