<実現したいこと>
for文を利用し、配列data[]の数字の数(今回は7)だけ、mapを回してtitleを表示させたい。
今回の場合はdata[0]からdata[7]まであります。
jsx
1console.log(data.length) // => 7 2console.log(data[0].title) // => "映画1" 3 4return ( 5 <div> 6 {() => { 7 for (let i = 0; i < data.length; i++) { 8 { 9 data[i].map((item) => { 10 return ( 11 <li key={item.id}> 12 <span>{item.title}</span> 13 </li> 14 ); 15 }); 16 } 17 } 18 } 19 } 20 </div> 21)
<画面表示> 映画1(data[0]) 映画2(data[1]) 映画3(data[2]) . . .
エラーは検証からも起きていないようなのですが、何も表示されません。
即時関数とfor,mapの部分がおかしいとは思って調べているのですが、正しい解決方法が分かりません。
この場合の正しい書き方や、他にこういう書き方がいいなどありましたらお答えいただければと思います。
よろしくお願い致します。

回答3件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
また依頼した内容が修正された場合は、修正依頼を取り消すようにしましょう。