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