回答編集履歴
1
推敲
answer
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
- マウント直後: `this.state.product === []` このタイミングでエラーが出る
|
|
2
|
-
- axios.get後: `this.state.product === { name: '...', reviews: [....] }` name が表示され始めるのはこのタイミング
|
|
2
|
+
- axios.get後: `this.state.product === { name: '...', reviews: [....] }` name が表示され始めるのはこのタイミングから
|
|
3
3
|
|
|
4
|
-
っていう挙動
|
|
4
|
+
っていう挙動っぽいです。
|
|
5
|
+
つまりエラーがでるタイミングでは product.name も undefined なんですが、一瞬すぎて見えないのかと。
|
|
6
|
+
|
|
5
7
|
なので state の初期値を工夫するか、 axios.get 終わるまで render で return null するかで解決すると思います。
|