回答編集履歴
1
a
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`周りに問題があると言えます。(さらにそれより以前のところに問題がある可能性もあります)
|