So fügen Sie mehrere Ereignisprozeduren demselben Ereignis in React.js hinzu

8

Alle:

Ich frage mich, ob es möglich ist, mehrere Event-Handler an dasselbe Event zu binden?

Zum Beispiel:

%Vor%

Bis zu diesem Punkt scheint alles normal zu sein, aber ich möchte eine weitere Funktion zu dieser Schaltfläche hinzufügen, die durch eine andere Option entschieden wird:

Zum Beispiel habe ich eine andere Switch-Komponente (könnte etwas wie Kontrollkästchen oder Radio-Button usw.) namens "count toggle", die bei Aktivierung der LikeToggleButton-Schaltfläche hinzugefügt wird ein weiterer onClick-Handler, der Start Zeiten der Schaltfläche geklickt beginnt , Ich weiß, dass es in die Umschaltfunktion vordegniert werden könnte, aber ich frage mich nur, ob es eine Möglichkeit gibt, diesen Teil an den onClick-Handler anzuhängen?

Danke

    
Kuan 28.10.2015, 18:15
quelle

3 Antworten

5

Wenn Sie möchten, dass mehrere Callbacks ausgeführt werden, wenn onClick ausgelöst wird, können Sie sie von außerhalb passieren lassen, so dass Sie im reps-Objekt darauf zugreifen können. Führen Sie dann alle aus (Hinweis: Code nicht getestet):

%Vor%

Wenn Sie jedoch Komponenten zwischen ihnen verbinden möchten, sollten Sie das nicht tun, indem Sie Methoden in Handlern aufrufen. Stattdessen sollten Sie ein architektonisches Muster verwenden, wo Flux die offensichtliche Wahl ist (aber es gibt viele mehr).

Sehen Sie sich Flux an, und hier haben Sie mehr Auswahlmöglichkeiten .

    
gontrollez 28.10.2015, 21:11
quelle
2

Für eine erweiterbare Möglichkeit, die die Komponente nicht über Komponenten informiert, die sie verwenden - speichern Sie das onClick-Ereignis, bevor Sie es ändern. Dies sind Highlights aus dem eigentlichen Arbeitscode:

button.jsx

%Vor%

Dann können Sie in einer anderen Komponente die Schaltfläche verwenden und sie kann ihren eigenen onClick-Handler haben:

%Vor%     
David Fridley 27.04.2016 18:14
quelle
0

add-multiple-event-handlers-zu-gleich-ereignis-in-react

Vielleicht setzen Sie Multi-Click-Handler auf dasselbe Ziel!

Ссылка

%Vor%     
user8202629 30.06.2017 06:43
quelle

Tags und Links