2016-07-02 13 views
0

Ich mache eine ReactJS Web App, und alles scheint gut zu sein ... außer einer dummen Sache, die ich nicht herausfinden kann, warum passiert.ReactJS "Essen" mein onClick Attribut

Ich werde versuchen, auf die erforderliche minimale Implementierung zu reduzieren.

Ich habe einen Artikel Komponente: http://pastebin.com/P8T6vAhR

Ein Container, der richtig die Liste und definiert die Funktion macht: http://pastebin.com/GmyrnY2c

Und eine List-Komponente, die jedes der Elemente und übergeben Sie die Funktion als rendert Parameter (nach Empfang aus dem Container): http://pastebin.com/6cwPCJhn

Die Funktion scheint in Ordnung zu sein, und ich kann sehen, dass die Funktion da ist, wenn ich sie auf der Konsole anmelde.

Aber was habe ich gemacht stattdessen ist:

<button class="ui">My Category</button> 

Hey, wo ist das Attribut onClick? Es ist weg ... keine Ahnung warum. Wahrscheinlich ist ein dummer Fehler oder ein Missverständnis über die Magie hinter JSX, aber ich kann das Problem nicht finden ... speziell weil ich ähnliche Dinge an anderen Teilen meines Codes verwende, und alles andere funktioniert gut.

Ich schätze jede Hilfe.

+0

Urgh ... vor allem, warum jQuery bei der Verwendung von React verwenden? Sie brauchen es nicht, wenn Sie Reagieren richtig verwenden. – Maggie

+0

können Sie versuchen, den gesamten Code aus der onClick-Funktion zu entfernen und nur ein Protokoll oder eine Warnung zu setzen? – Maggie

+0

@Maggie Gut zu wissen, es ist mein erstes Mal mit ReactJS Codierung, Sie meinen, ich kann nur ändern Sie den Status und aktualisieren Sie die Komponente entsprechend? – danielfranca

Antwort

2

Hey, wo die onClick

Das Attribut attribute nur auf eine Eigenschaft umgewandelt wird, die an die Komponente übergeben wird.

Der dom Onclick ist nicht das gleiche wie die Komponente prop (reagiert ausgefallene Event-Delegation, die zu besseren Ergebnissen führt und leidet nicht unter onclick globalem Bereich).

Verwandte Themen