質問編集履歴
2
画像表示ができないままです・・・
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -114,4 +114,10 @@
|
|
|
114
114
|
</div>
|
|
115
115
|
```
|
|
116
116
|
まだ画像の表示が出ないのでもう少し調べようと思っています。
|
|
117
|
-
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
### 追追記
|
|
121
|
+
画像の表示ですが、Display:noneがなぜか当たってしまっていて、うまく表示ができない状況です。
|
|
122
|
+
（Display:noneを外すと表示されますが全て重なって表示されるので、Activeクラスを画像のどれかに当てないといけなかったりするのでしょうか・・・？）
|
|
123
|
+
|
1
現状の該当箇所のコードの画像添付・指摘箇所の修正をしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -87,4 +87,31 @@
|
|
|
87
87
|
react-bootstrapのDocumentではMapを使った書き方で書いてないので参考にならず。。。
|
|
88
88
|
[react-bootstrap Document](https://react-bootstrap.github.io/components/carousel/#carousel-props)
|
|
89
89
|
|
|
90
|
-
足りない情報があれば教えてください。
|
|
90
|
+
足りない情報があれば教えてください。
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
### 追記
|
|
96
|
+
|
|
97
|
+
ご指摘内容で修正したところ、Keyに関するAlertは消えました。
|
|
98
|
+
Beach.js
|
|
99
|
+
```jsx
|
|
100
|
+
<div className="Beaches d-flex">
|
|
101
|
+
<Carousel className="Beach m-2">
|
|
102
|
+
{BeachList.map(beachItem => {
|
|
103
|
+
return (
|
|
104
|
+
<Beach
|
|
105
|
+
key={beachItem.BHkey}
|
|
106
|
+
BHlink={beachItem.BHlink}
|
|
107
|
+
BHimg={beachItem.BHimg}
|
|
108
|
+
BHtitle={beachItem.BHtitle}
|
|
109
|
+
BHprc={beachItem.BHprc}
|
|
110
|
+
/>
|
|
111
|
+
);
|
|
112
|
+
})}
|
|
113
|
+
</Carousel>
|
|
114
|
+
</div>
|
|
115
|
+
```
|
|
116
|
+
まだ画像の表示が出ないのでもう少し調べようと思っています。
|
|
117
|
+
|