質問編集履歴
1
「したいこと」を具体的な内容に加筆修正しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,11 +2,31 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
プロジェクト全体で使用している`button`コンポーネントなどの`onClick()`イベントに`
|
|
5
|
+
プロジェクト全体で使用している`button`コンポーネントなどの`onClick()`イベントに下記の`event()`のような共通処理を割り込ませる方法を探しております。
|
|
6
|
+
|
|
7
|
+
最終的には各コンポーネントで使用する`button`の`onClick`に`event()`の処理が埋め込まれている状態にしたいです。
|
|
6
8
|
|
|
7
9
|
自分で調査した結果、以下の2種類の方法を見つけましたが、割り込ませたいイベントの処理にも依存するとは思いますが、どちらの手法がベターなのか皆さんをご意見をお聞きしたいです。
|
|
8
10
|
|
|
9
11
|
また、間違っているor不足している点などがございましたら、ご教授いただけますと幸いです。
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
```javascript
|
|
16
|
+
|
|
17
|
+
const event = (props: HogeType): void => {
|
|
18
|
+
|
|
19
|
+
// ここでpropsを外部に送信する
|
|
20
|
+
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
// クリックされたときにidなどをevent()に渡して実行したい。これを共通化したい。
|
|
26
|
+
|
|
27
|
+
<button id="hogehoge">Done</button>
|
|
28
|
+
|
|
29
|
+
```
|
|
10
30
|
|
|
11
31
|
|
|
12
32
|
|