Wenden Sie den Style "cursor: pointer" auf alle React-Komponenten mit onClick-Funktion an

9

Ich möchte den Stil cursor:pointer auf alle React-Elemente anwenden, die eine onClick-Funktion haben. Ich weiß, dass ich das für jedes Element tun könnte:

%Vor%

oder das:

%Vor%

Aber ich wäre eher in der Lage, so etwas zu tun, um den Stil auf alle Elemente anzuwenden:

%Vor%

Aber das wird nicht funktionieren, weil es kein aktuelles Attribut onclick im gerenderten HTML eines Elements gibt, wenn das Attribut onClick von React verwendet wird.

Geige: Ссылка

    
chevin99 08.01.2016, 15:27
quelle

2 Antworten

3

Ich bin mir nicht sicher, ob es einen guten Weg gibt, dies automatisch zu tun, ohne irgendeinen Mechanismus zu verwenden, der die Erzeugung von React-Elementen abfängt und sie modifiziert (oder vielleicht Source-Level-Transformationen). Wenn Sie beispielsweise Babel verwenden, können Sie babel-plugin-react-transform verwenden und ein className hinzufügen. an alle Elemente mit einem onClick prop mit etwas in diesen Zeilen (Warnung: Pseudocode):

%Vor%

Hier ist ein kleines Beispiel für den zweiten Teil: Ссылка

    
Michelle Tilley 08.01.2016 16:48
quelle
-4

Das geht ganz einfach mit css:

%Vor%     
Andrzej Trzaska 28.06.2017 09:49
quelle

Tags und Links