質問編集履歴
3
dd
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
Reduxで、初回の描画はうまくいくのですが、
|
|
2
|
-
その後ユーザのアクションによる
|
|
2
|
+
その後ユーザのアクションによるstateの更新➞描画上手く行きません。
|
|
3
|
-
Reducerのconsole.logには
|
|
3
|
+
Reducerのconsole.logにはstateの更新が確認できるのですが・・。
|
|
4
4
|
|
|
5
5
|
actionCreatorでイベントを受け付け、
|
|
6
6
|
そこからReducerでstoreの更新をすることで、
|
|
7
|
-
Reducerから発行されている
|
|
7
|
+
Reducerから発行されているstateを使用しているd
|
|
8
8
|
Componentが再レンダリングされる認識なんですが間違っていますか(^_^;)？？
|
|
9
9
|
|
|
10
10
|
|
2
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
import * as Actions from '../actionCreators/todoActions'
|
|
17
17
|
import todoApp from '../components/todoApp/TodoApp'
|
|
18
18
|
function mapStateToProps(state) {
|
|
19
|
+
console.log(state) // 更新出来ている
|
|
19
20
|
return state.todoApp
|
|
20
21
|
}
|
|
21
22
|
function mapDispatchToProps(dispatch) {
|
|
@@ -42,7 +43,6 @@
|
|
|
42
43
|
export default function todoApp(state = initialState, action) {
|
|
43
44
|
switch (action.type) {
|
|
44
45
|
case 'ADD_TODO':
|
|
45
|
-
console.log(state)
|
|
46
46
|
var array = state.todos
|
|
47
47
|
array.push({
|
|
48
48
|
id: action.id,
|
1
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
```javascript
|
|
12
|
-
/
|
|
12
|
+
/** container **/
|
|
13
13
|
import React from 'react'
|
|
14
14
|
import {connect} from 'react-redux'
|
|
15
15
|
import { bindActionCreators } from 'redux'
|
|
@@ -24,7 +24,10 @@
|
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
export default connect(mapStateToProps,mapDispatchToProps)(todoApp)
|
|
27
|
+
```
|
|
27
28
|
|
|
29
|
+
```javascript
|
|
30
|
+
/** Reducer **/
|
|
28
31
|
const initialState = {
|
|
29
32
|
todos: [
|
|
30
33
|
{
|
|
@@ -36,7 +39,6 @@
|
|
|
36
39
|
]
|
|
37
40
|
}
|
|
38
41
|
|
|
39
|
-
// Reducer
|
|
40
42
|
export default function todoApp(state = initialState, action) {
|
|
41
43
|
switch (action.type) {
|
|
42
44
|
case 'ADD_TODO':
|
|
@@ -54,5 +56,4 @@
|
|
|
54
56
|
case ....
|
|
55
57
|
}
|
|
56
58
|
}
|
|
57
|
-
|
|
58
59
|
```
|