2つ以上のイベントに1つのイベントリスナーを追加する方法

私はonClickのような2つのイベントがonClickにあり、両方に対して同じイベントハンドラがあります。これらのケースでは、どのような方法で記述すればよいか知りたいのですが、共通のメソッドを記述し、イベントハンドラを呼び出すか、イベントハンドラが同じ場合に使用できる構文がいくつかあります。 可能であれば、ほんの少しのコードを節約したかっただけです。また、私は4つのイベントとすべてのイベントハンドラが同じだと考えています。2つ以上のイベントに1つのイベントリスナーを追加する方法

出典

2017-10-13 Gautam

実用的ではありません。ある種のグローバルなリスナーを持っていても、それは**あなたのコードにもっと多くの行を追加するだけで、あなたを救うことはできません。 – Chris

はい、そうです:) – Gautam

私は考えることができると思いますが、行が本当に重要であれば、あなたの関数を呼び出す関数を持つことになります。つまり、onClick = {x（id）} onSelect = {x（id）} 'のようなもので、' x（） 'は' onEditCustomFieldClick（id） 'を呼び出します。 – Chris

個別のイベントハンドラ関数のそれぞれで「共通」ハンドラを呼び出すパターンがよくあります。

<Component onBlur={this.handleBlur} onInput={this.handleInput} /> 

handleBlur = event => this.emitChange(event) 

handleInput = event => this.emitChange(event) 

emitChange = event => //do some common task

出典

2017-10-13 09:27:30 kngroo

2つ以上のイベントに1つのイベントリスナーを追加する方法

答えて

関連する問題