回答編集履歴
4
テキスト修正
test
CHANGED
@@ -32,7 +32,7 @@
|
|
32
32
|
|
33
33
|
### 2. 複数のカウンターを保持できるようにredux state を修正
|
34
34
|
|
35
|
-
次に、上記の
|
35
|
+
次に、上記の 1. で追加した prop `name`ごとに個別のカウント値を保持するように redux state を修正します。たとえば、`name` が `"foo"` のカウンターが 2、 `"bar"` のカウンターが 5 であるときの state をどのような形にすればよいかという問題もいろいろ案がありそうですが、ここでは単純に、以下の形式のオブジェクトで持つことにします。
|
36
36
|
|
37
37
|
|
38
38
|
|
3
テキスト修正
test
CHANGED
@@ -38,7 +38,7 @@
|
|
38
38
|
|
39
39
|
```javascript
|
40
40
|
|
41
|
-
{ foo: 2, bar:
|
41
|
+
{ foo: 2, bar: 5 }
|
42
42
|
|
43
43
|
```
|
44
44
|
|
2
テキスト修正
test
CHANGED
@@ -274,7 +274,7 @@
|
|
274
274
|
|
275
275
|
|
276
276
|
|
277
|
-
|
277
|
+
上記のレポジトリで、[最初のコミット](https://git.io/fjF6d)では、ご質問に掲載のコードをコピペして各ファイルを作成して、その後の数回のコミットで、カウンターの複数対応の修正をしています。
|
278
278
|
|
279
279
|
|
280
280
|
|
1
テキスト修正
test
CHANGED
@@ -242,7 +242,7 @@
|
|
242
242
|
|
243
243
|
|
244
244
|
|
245
|
-
上記の修正手順 1.〜 6. の中での考えどころは、1.と 2. です。1.と2. が決まればその後のコード修正は
|
245
|
+
上記の修正手順 1.〜 6. の中での考えどころは、1.と 2. です。1.と2. が決まればその後のコード修正は(多くのファイルに手を入れなければならないものの)、やることの見えている作業レベルという感じですが、3.以降の作業のどこかで、redux state の設計がまずかったために、それが後々の作業を面倒にしていることに、作り始めてから気がつくことは、ままあります。その場合は 2. または 2.をやろうとした発端になった 1. にまで戻って見直します。
|
246
246
|
|
247
247
|
|
248
248
|
|