Schaltfläche mit FontAwesome Kind macht die Schaltfläche Zielwert undefined

Question

Ich kann nicht scheinen, wie dieses Problem zu lösen, dass, wenn Sie eine Reaktion-Bootstrap-Taste mit einem Fontawesome-Symbol als Kind, onclicktarget value wird nicht definiert.

Wenn Sie jedoch außerhalb des Textes mit dem Symbol und noch innerhalb der Schaltfläche klicken, funktioniert der Handler weiterhin.

https://jsfiddle.net/utmcykcg/5/

Answer 1

Das Problem scheint zu sein, dass event.target ändern kann, je nachdem, wo in der Schaltfläche Sie klicken. Verwenden Sie stattdessen event.currentTarget sollten Sie die Ergebnisse, die Sie suchen.

onClick(e) { 
    const btnValue = e.currentTarget.value 
    alert(btnValue); 
} 

Siehe auch: What is the exact difference between currentTarget property and target property in javascript