React 根据数值渲染组件数量

Question

我想将一个值传递给组件并根据该值渲染多个子组件。例如，如果我传入count={4}props，那么我想渲染 4 个<Icon/>组件。如果我传入5，我想渲染5，依此类推。

目前，我能想到的就是获取该值并将其转换为数组（即执行循环for并在每次迭代时将占位符元素推入数组），然后在该数组上执行映射。但这似乎有点矫枉过正。

有一个简单的解决方案吗？

Answer 1

你可以这样做：

...
return(
 Array.from({length: props.count}, () => <Icon />)
)