質問編集履歴
3
dd
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
Reduxで、初回の描画はうまくいくのですが、
|
2
2
|
|
3
|
-
その後ユーザのアクションによるst
|
3
|
+
その後ユーザのアクションによるstateの更新➞描画上手く行きません。
|
4
4
|
|
5
|
-
Reducerのconsole.logにはst
|
5
|
+
Reducerのconsole.logにはstateの更新が確認できるのですが・・。
|
6
6
|
|
7
7
|
|
8
8
|
|
@@ -10,7 +10,7 @@
|
|
10
10
|
|
11
11
|
そこからReducerでstoreの更新をすることで、
|
12
12
|
|
13
|
-
Reducerから発行されているst
|
13
|
+
Reducerから発行されているstateを使用しているd
|
14
14
|
|
15
15
|
Componentが再レンダリングされる認識なんですが間違っていますか(^_^;)??
|
16
16
|
|
2
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -33,6 +33,8 @@
|
|
33
33
|
import todoApp from '../components/todoApp/TodoApp'
|
34
34
|
|
35
35
|
function mapStateToProps(state) {
|
36
|
+
|
37
|
+
console.log(state) // 更新出来ている
|
36
38
|
|
37
39
|
return state.todoApp
|
38
40
|
|
@@ -86,8 +88,6 @@
|
|
86
88
|
|
87
89
|
case 'ADD_TODO':
|
88
90
|
|
89
|
-
console.log(state)
|
90
|
-
|
91
91
|
var array = state.todos
|
92
92
|
|
93
93
|
array.push({
|
1
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -20,7 +20,7 @@
|
|
20
20
|
|
21
21
|
```javascript
|
22
22
|
|
23
|
-
/
|
23
|
+
/** container **/
|
24
24
|
|
25
25
|
import React from 'react'
|
26
26
|
|
@@ -50,7 +50,13 @@
|
|
50
50
|
|
51
51
|
export default connect(mapStateToProps,mapDispatchToProps)(todoApp)
|
52
52
|
|
53
|
+
```
|
53
54
|
|
55
|
+
|
56
|
+
|
57
|
+
```javascript
|
58
|
+
|
59
|
+
/** Reducer **/
|
54
60
|
|
55
61
|
const initialState = {
|
56
62
|
|
@@ -73,8 +79,6 @@
|
|
73
79
|
}
|
74
80
|
|
75
81
|
|
76
|
-
|
77
|
-
// Reducer
|
78
82
|
|
79
83
|
export default function todoApp(state = initialState, action) {
|
80
84
|
|
@@ -110,6 +114,4 @@
|
|
110
114
|
|
111
115
|
}
|
112
116
|
|
113
|
-
|
114
|
-
|
115
117
|
```
|