質問: ![![イメージ](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/3f98b5465e7ef777a7563337e66d7217.png) 画像のような形で、 ``` hoge huga piyo ``` という形のコンポーネントを作成しようとしています。 ボタン自体は作成することが出来たのですが、クリックイベントを一つしか登録することが出来ないです。 いい方法はありますでしょうか? reduxを使用していますので、それに即した内容ですとありがたいです。
回答: クリックイベントを複数登録というのはちょっと意味がわかりません...。 そのクリックでどのイベントを発生させるのかなんて判定させられないですよね。 クリックイベントではなく、クリックしたときに複数のfunctionを実行したいということなんでしょうか? もしそうなら、クリックイベントを複数作るのではなく、functionの中でクリックされたボタンが何かを判定して、それによってほかのfunctionを呼び出す造りにすれば良いと思います。 1ボタンがクリックされたら 2クリックされたボタンがどれかを特定 3if文とかswitch文などで分岐 4hoge();fuga();piyo();など実行するfunctionを呼び出す または 1ボタンがクリックされたら 2引数で実行したいfunctionを渡す 3渡された引数から、hoge();fuga();piyo();など実行するfunctionを呼び出す この処理を行うfunctionをひとつ作って、すべてのボタンのonClickイベントに共通で設定すれば良いのではないでしょうか。