如何使用 JSX 和 Loadsh 重复元素 n 次

javascript reactjs lodash

2022-08-30 03:02:56

我在我的应用程序中使用React / JSX，以实现我想要的，也是Lodash。

我需要根据条件重复一个元素一定次数。我应该怎么做？

下面是元素：

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

我是这样分配的：

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

因此，在这种情况下，我需要重复元素时间。使用Lodash的过程应该是什么？8

答案 1

在没有任何外部库的情况下执行此操作的最短方法：

const n = 8; // Or something else

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

答案 2

不带 lodash 或 ES6 传播语法的解决方案：

Array.apply(null, { length: 10 }).map((e, i) => (
  <span className="busterCards" key={i}>
    ♦
  </span>
));