動的に配列を作り、状況に応じてその配列の個数が変動します。
その配列の要素から必要な要素を取り出してHTMLのでリストとして表示するにはどうしたら良いでしょう?
書き方はTypeScriptを用いて、TSXで書いています。以下、イメージです:
const sample (index: number) => {
const sampleList: number[] = [];
for (let item of data[index]) { // <- データの要素数はそのindexごとに毎回違うため、配列に入る個数も変わる。
sampleList.push(item);
}
return (
<div>
...
<ul>
...ここにsampleListに入っている要素の数だけリストを作りたい。
</ul>
</div>
);
};
どなたか良い方法ご存知ないですか?