react.js内のonClickにデータを保存できません - codepenが添付されました

Question

私はreact.jsを初めて使用しており、小さなプロジェクトの作成に取り組んでいます。この小さなプロジェクトでは、ある種のタグ付けを実装しようとしています。タグ付けは、実際には、トランザクションごとにレンダリングされる静的テキストのコレクションです。私は別のトランザクションのonChangeイベントを壊すことなく正しく保存するためにonClickイベントを取得するのに問題があるsave tagボタンがあります。

tagが選択され、ユーザーがSave Tagボタンをクリックすると、タグはthis.self.tagsコレクションに保存され、ビューにレンダリングされます。

私は自分の仕事の進行中のソリューションでcodepenを作成しました。私はすべての助けを前もって感謝しています！

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

トランザクションは、このようにテストを取ることができます：

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

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

Answer 1

は、クラス参照対小道具としてあるべき test方法を参照するように見えます

ここで動作中のコードブックはhttp://codepen.io/dabit3/pen/dNoMEy?editors=0010#0