☰

JSXとLodashを使用して要素をn回繰り返す方法 質問する

tag-icon • tag-icon javascript reactjs lodash
JSXとLodashを使用して要素をn回繰り返す方法 質問する

私は自分の目的を達成するために、アプリで React/JSX と Lodash を使用しています。

条件に応じて要素を特定の回数繰り返す必要があります。どうすればよいでしょうか?

要素は次のとおりです。

<span className="busterCards">♦</span>;

そして、私はこれを次のように割り当てます:

let card;
if (data.hand === '8 or more cards') {
  card = <span className='busterCards'>♦</span>;
}

この場合、要素を8何回も繰り返す必要があります。Lodash を使用したプロセスはどうすればよいですか?

ベストアンサー1

これを行う最短の方法外部ライブラリなしで:

const n = 8; // Or something else

[...Array(n)].map((e, i) => <span className="busterCards" key={i}>♦</span>)

おすすめ記事