Es ist nicht möglich, Daten auf einem onClick innerhalb der react.js App zu speichern - codepen angehängt

Question

Ich bin neu in react.js und arbeite an der Erstellung eines kleinen Projekts. Bei diesem kleinen Projekt versuche ich eine Art Tagging zu implementieren. Das Tagging ist eigentlich eine Sammlung von statischem Text, der für jede der Transaktionen gerendert wird. Ich habe eine save tag Schaltfläche, die ich Probleme habe, ein onClick Ereignis richtig zu speichern, ohne meine anderen onChange Ereignis für die verschiedenen Transaktionen zu brechen.

Sobald die einem tag ausgewählt ist und der Benutzer klickt auf die Schaltfläche Save Tag, sollte der Tag dann in die this.self.tags Sammlung gespeichert werden, wo sie zu der Ansicht, dann machen wird.

Ich habe einen Codepen mit meiner Arbeit in Bearbeitung Lösung gemacht, ich schätze die Hilfe im Voraus!

http://codepen.io/jaycdave/pen/ggpPzq

Answer 1

Sieht aus wie der Verweis auf die test Verfahren als Stütze gegen eine Klassenreferenz sein sollte:

function Transaction ({ amount, name, tags, test }) {}

Transaktion kann dann Test wie folgt nehmen:

<Transaction test={this.test} key={idx} amount={amount} name={name} tags={ this.state.tags} />

Hier ist ein funktionierender Codepen ->http://codepen.io/dabit3/pen/dNoMEy?editors=0010#0