ここで初心者の質問に反応してください:反応内の複数のイベントにオブジェクトをバインドする
チェックボックスには複数のフィルタを持つ検索フォームがあります。ここで私はあなたがチェックボックスのonChangeイベントをイベントハンドラにバインドしなければならないと考えています。よりその10個のチェックボックスがあるかもしれないので、私はそうのようなフィルタオブジェクトでこれらのチェックボックスの結果を入れたいと思います:
this.state = {
categoryFilter: {
hr: false,
ict: false,
finance: false,
sales: false,
marketing: false
}
};
は、理想的には私はコンポーネントに直接状態のcategoryFilterをバインドしたいと思います。以下のような
何か:
<MyCheckBox onChange={() => myEventHandler('finance')} label="finance"/>
myEventHandler(name) {
switch(name) {
case: 'finance':
this.props.categoryFilter.finance = true;
this.props.onCategoryChanged();
}
}
は、私が言ったように、私はそんなに良く解決策があるかもしれません反応する新しいんだけど、角度から来る、私は本当にここバインディングデータが欠落しています。
ここで問題になるのは、categoryFilterオブジェクトをコンポーネントにバインドする方法ですか?