javascript - spread 元素在这里起什么作用

Question

我正在从一本书中学习 react ，在一个示例中，作者以这种方式制作了一个组件

return (
        <div className="star-rating">
        {[...Array(totalStars)].map((n,i)=>
            <Star key = {i} selected={i<starSelected} onClick={()=>this.change(i+1)} />
        )}
        <p>{starsSelected} of  {totalStars} stars </p>+
    )

初始化数组时，spread 元素在这里起什么作用？

Answer 1

Array(totalStars) 生成一个包含 totalStars 个空槽的数组。使用扩展运算符将空槽强制转换为 undefined，有效地用要映射的东西填充数组(即使它是未定义的)。

只是用 Array() 实例化一个数组不会在它的空间中放置任何东西，只是为它们分配空间。