回答編集履歴
2
よりわかりやすく
test
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
`onClick={onClick('Q','Heater-1')}`
|
|
1
|
+
`onClick={onClick('Q','Heater-1')}`と書くと、「`onClick`関数を**実行して得られた結果**を`onClick`に指定する」、という意味になります。
|
|
2
2
|
|
|
3
|
+
この形でハンドラを指定したいのであれば、この`onClick`はハンドラとなる関数を返す関数である必要があります。
|
|
4
|
+
|
|
3
|
-
直接`onClick`
|
|
5
|
+
直接`onClick`の中にハンドラ処理を書いた場合、その中身はクリック時ではなく**JSXの処理段階で**実行されてしまいます。
|
1
少し追記
test
CHANGED
|
@@ -1 +1,3 @@
|
|
|
1
|
-
`onClick={onClick('Q','Heater-1')}`のように指定する
|
|
1
|
+
`onClick={onClick('Q','Heater-1')}`のように指定するのであれば、この`onClick`は**ハンドラとなる関数を返す関数**である必要があります。
|
|
2
|
+
|
|
3
|
+
直接`onClick`メソッドの中にハンドラ処理を書いた場合、その中身はクリック時ではなく**JSXの処理段階で**実行されてしまいます。
|