回答編集履歴
3
追記
test
CHANGED
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
|
|
75
75
|
|
|
76
76
|
|
|
77
|
-
こういう再利用ができそうな小さいコンポーネントはアプリケーションの具体的な処理は行わず、親に処理を移譲するのが常套手段です。
|
|
77
|
+
こういう**再利用ができそうな小さいコンポーネントではアプリケーションの具体的な処理は行わず、親に処理を移譲する**のが常套手段です。
|
|
78
78
|
|
|
79
79
|
|
|
80
80
|
|
|
@@ -144,7 +144,9 @@
|
|
|
144
144
|
|
|
145
145
|
|
|
146
146
|
|
|
147
|
-
ご質問では`getItemData`がどこにも使われておらず用途が不明でしたが、inputに入れるテキストが入っているという想定で上記のコードを書いています。
|
|
147
|
+
※ ご質問では`getItemData`がどこにも使われておらず用途が不明でしたが、inputに入れるテキストが入っているという想定で上記のコードを書いています。
|
|
148
|
+
|
|
149
|
+
※ また、親は再利用性の低いコンポーネントという想定です（そうでなければ処理を更に上に移譲します）。
|
|
148
150
|
|
|
149
151
|
|
|
150
152
|
|
2
推敲
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
1. 子コンポーネントには必要な情報だけをpropsで渡すようにする（つまり`getItemData`は親でmapし子に渡す形にする）
|
|
10
10
|
|
|
11
|
-
2. 子コンポーネントは直接ストアに保存する処理をせず、ユーザ入力値を`emit`するだけにする（親がその`emit`された値を
|
|
11
|
+
2. 子コンポーネントは直接ストアに保存する処理をせず、ユーザ入力値を`emit`するだけにする（親がその`emit`された値をストアに渡す）
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
|
|
149
149
|
|
|
150
150
|
|
|
151
|
-
親がストアとやりとりするようにしたため、子はストアと関連を持っておらず、例えば`storeB`と関連した親コンポーネントの中でも
|
|
151
|
+
親がストアとやりとりするようにしたため、子はストアと関連を持っておらず、例えば`storeB`と関連した親コンポーネントの中でも再利用することができます。
|
|
152
152
|
|
|
153
153
|
|
|
154
154
|
|
1
より詳しく追記
test
CHANGED
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
|
|
75
75
|
|
|
76
76
|
|
|
77
|
-
こういう小さいコンポーネントはアプリの具体的な処理は行わず、親に処理を移譲するのが常套手段です。
|
|
77
|
+
こういう再利用ができそうな小さいコンポーネントはアプリケーションの具体的な処理は行わず、親に処理を移譲するのが常套手段です。
|
|
78
78
|
|
|
79
79
|
|
|
80
80
|
|
|
@@ -148,4 +148,8 @@
|
|
|
148
148
|
|
|
149
149
|
|
|
150
150
|
|
|
151
|
+
親がストアとやりとりするようにしたため、子はストアと関連を持っておらず、例えば`storeB`と関連した親コンポーネントの中でも同じ子コンポーネントを再利用することができます。
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
|
|
151
155
|
以上不明点があれば追記をしてください。
|