質問編集履歴

3

ソースコードなどを追加しました。

2020/04/18 21:53

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -65,3 +65,19 @@
65
65
  };
66
66
 
67
67
  ```
68
+
69
+ ```container
70
+
71
+ const mapStateToProps = (state) => {
72
+
73
+ console.log(state.todo.todos); // ここもundefinedんです
74
+
75
+ return {
76
+
77
+ todos: state.todo.todos,
78
+
79
+ };
80
+
81
+ };
82
+
83
+ ```

2

ソースコードなどを追加しました。

2020/04/18 21:53

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,11 +4,33 @@
4
4
 
5
5
  ```reducer
6
6
 
7
+ const TODOS = {
8
+
9
+ todos: ["デバッグ用", "その2"]
10
+
11
+ };
12
+
13
+
14
+
15
+ function todo(state = TODOS, action) {
16
+
17
+ switch (action.type) {
18
+
7
19
  case ADD_TODO:
8
20
 
9
- console.log([...state.todos, action.value]); // この段階では配列です。
21
+ console.log([...state.todos, action.value]); // [todos + 入力したvalue]
10
22
 
11
23
  return [...state.todos, action.value];
24
+
25
+ default:
26
+
27
+ return state;
28
+
29
+ }
30
+
31
+ }
32
+
33
+
12
34
 
13
35
  ```
14
36
 
@@ -16,6 +38,30 @@
16
38
 
17
39
  ```
18
40
 
41
+ ```TodoListコンポーネント
42
+
43
+ const TodoList = ({ todos }) => {
44
+
45
+ console.log(todos); // ADDするとundefinedになる
46
+
47
+ return (
48
+
49
+ <ul>
50
+
51
+ {todos.map((todo, index) => (
52
+
53
+ <li key={index}>
54
+
55
+ <p>{todo}</p>
56
+
57
+ </li>
58
+
19
- ```
59
+ ))}
60
+
61
+ </ul>
62
+
63
+ );
64
+
65
+ };
20
66
 
21
67
  ```

1

追記

2020/04/18 21:48

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  case ADD_TODO:
8
8
 
9
- console.log([...state.todos, action.value]); // 配列です。
9
+ console.log([...state.todos, action.value]); // この段階では配列です。
10
10
 
11
11
  return [...state.todos, action.value];
12
12