回答編集履歴

1

a

2018/05/14 13:54

投稿

HayatoKamono
HayatoKamono

スコア2415

test CHANGED
@@ -67,3 +67,47 @@
67
67
 
68
68
 
69
69
  特に、この読み込んでいるファイルなどですね。
70
+
71
+
72
+
73
+
74
+
75
+ > 可能であれば、このような時にどの段階で(reducer、container、componentsのどこで)要素の受け渡しに失敗しているのか、確認する方法も合わせて教えていただけますと幸いです。
76
+
77
+
78
+
79
+ 今回のエラーは`TypeError: Cannot read property 'map' of undefined`なので、`Recipes`コンポーネントの`props`に渡ってくることを期待している`RecipeList`が`undefined`であることが分かります。
80
+
81
+
82
+
83
+ なので、`Recipes`コンポーネントの前のどこかに原因があると言えます。
84
+
85
+
86
+
87
+ ```
88
+
89
+ const mapStateToProps = state => {
90
+
91
+ //確認
92
+
93
+ console.log(state);
94
+
95
+
96
+
97
+ return{
98
+
99
+ recipeList: state.recipesReducer
100
+
101
+ };
102
+
103
+ }
104
+
105
+ ```
106
+
107
+
108
+
109
+ その上で今度はひとつ手前のところで、`mapStateToProps`の引数に渡ってくる`state`に期待通りの値が存在しているかをチェックしてみましょう。
110
+
111
+
112
+
113
+ ここで問題がなければ、これ以降が原因ですし、ここに問題があれば、その手前の`reducer`周りに問題があると言えます。(さらにそれより以前のところに問題がある可能性もあります)