我在我的应用程序中使用 React/JSX 来完成我想要的，还有 Lodash。
我需要根据条件重复某个元素一定次数。我该怎么做？
这是元素：
<span className="busterCards">♦</span>;
我是这样分配的：
let card;
if (data.hand === '8 or more cards') {
card = <span className='busterCards'>♦</span>;
}
所以在这种情况下，我需要重复元素8时间。使用Lodash的过程应该是怎样的？
在没有任何外部库的情况下执行此操作的最短方法：
const n = 8; // Or something else
[...Array(n)].map((e, i) => <span className="busterCards" key={i}>♦</span>)
没有 lodash 或 ES6 扩展语法的解决方案：
Array.apply(null, { length: 10 }).map((e, i) => (
<span className="busterCards" key={i}>
♦
</span>
));
干得好：
let card = [];
_.times(8, () => {
card.push(<span className="busterCards">♦</span>);
});
你可能想为每个span元素添加 key，这样 React 就不会抱怨缺少 key 属性：
let card = [];
_.times(8, (i) => {
card.push(<span className="busterCards" key={i}>♦</span>);
});
有关 的更多信息.times，请参阅此处：https : //lodash.com/docs#times
<section>
{Array.from({ length: 10 }, (_, i) => <span key={i}>Your text</span>)}
</section>
这是如何运作的？
Array.from() 在两种情况下使用：
从类似数组的数据结构创建数组。例如，我们可以使用以下方法将地图转换为数组Array.from()
const map = new Map([ [1, 2], [3, 4], [4, 5] ])
console.log(Array.from(map)) //gives an array - [[1, 2], [3, 4], [4, 5]]
创建一个数组并填写值（当我们需要创建一个包含更多元素的数组时，这会很方便）
Array.from() 接受一个对象和一个回调函数。
Array.from({ length: 7 }, (() => 10)) // gives [10,10,10,10,10,10,10]
我们可以利用回调函数内部的索引（第二个参数）来提供唯一的数组元素
Array.from({ length: 4 }, ((_, i) => i + 1)) // [1,2,3,4]
使用_.times：https : //jsfiddle.net/v1baqwxv/
var Cards = React.createClass({
render() {
return <div>cards {
_.times( this.props.count, () => <span>♦</span> )
}</div>;
}
});