回答編集履歴
1
テキスト追加
answer
CHANGED
|
@@ -57,4 +57,17 @@
|
|
|
57
57
|
- **動作確認用サンプル:** [https://codepen.io/jun68ykt/pen/YzyvEGq?editors=0010](https://codepen.io/jun68ykt/pen/YzyvEGq?editors=0010)
|
|
58
58
|
|
|
59
59
|
|
|
60
|
-
以上、参考になれば幸いです。
|
|
60
|
+
以上、参考になれば幸いです。
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
### 追記
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
> 「product」の中身が空だった場合、liタグごと削除し、「product」が存在している場合はそのまま表示したいです。
|
|
67
|
+
|
|
68
|
+
上記の対応として、以下のように、map に与える関数の返り値を作るところで、`=>` と `｀<li>名物` の間に `e.product && ` を追加してみるといかがでしょうか？
|
|
69
|
+
|
|
70
|
+
```diff
|
|
71
|
+
- const items = detail.map(e => `<li>名物: ${e.product}</li>`).join('');
|
|
72
|
+
+ const items = detail.map(e => e.product && `<li>名物: ${e.product}</li>`).join('');
|
|
73
|
+
```
|