回答編集履歴

2

勘違いの為書き直し

2021/10/18 06:27

投稿

surface_0
surface_0

スコア497

test CHANGED
@@ -1,12 +1,6 @@
1
- あまり深く見ていませんが、`productTableDisplayData`はおそらく関数を返変数です。
1
+ これReact`useMemo()`かと思いまが、
2
2
 
3
- なので、これが定義される時点で`products`が存在するかはわかりませんが、
4
-
5
- 呼ばれたタイミングでは存在している前提ということになります。
6
-
7
-
8
-
9
- アロー関なっているので、ブロックを作って`map()`前にコード仕込んで確認するといかと思います。
3
+ 依存する変数に変化があと呼び出されると思うので、引数関数内で内容を確認すればさそうな気がします。
10
4
 
11
5
 
12
6
 
@@ -14,25 +8,27 @@
14
8
 
15
9
  const productTableDisplayData = useMemo(() => {
16
10
 
17
- console.log(product);
11
+ console.log(product);
18
12
 
19
13
 
20
14
 
21
- return products.map((products) => [
15
+ return products.map((products) => [
22
16
 
23
- product.id,
17
+ product.id,
24
18
 
25
- product.title,
19
+ product.title,
26
20
 
27
- `${product.title}${appendToTitle}`,
21
+ `${product.title}${appendToTitle}`,
28
22
 
29
- product.descriptionHtml,
23
+ product.descriptionHtml,
30
24
 
31
- `${product.descriptionHtml}${appendToDescription}`,
25
+ `${product.descriptionHtml}${appendToDescription}`,
32
26
 
33
- ]), [products, appendToTitle, appendToDescription]);
27
+ ])
34
28
 
29
+ }, [products, appendToTitle, appendToDescription]
30
+
35
- });
31
+ );
36
32
 
37
33
  ```
38
34
 

1

脱字訂正

2021/10/18 06:27

投稿

surface_0
surface_0

スコア497

test CHANGED
@@ -1,4 +1,4 @@
1
- あまり深く見てはいませんが、`productTableDisplayData`は関数を返す変数です。
1
+ あまり深く見てはいませんが、`productTableDisplayData`はおそらく関数を返す変数です。
2
2
 
3
3
  なので、これが定義される時点で`products`が存在するかはわかりませんが、
4
4
 
@@ -32,7 +32,7 @@
32
32
 
33
33
  ]), [products, appendToTitle, appendToDescription]);
34
34
 
35
- };
35
+ });
36
36
 
37
37
  ```
38
38