React 根据数值渲染组件数量

cre*_*lus 1 javascript reactjs react-native

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

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

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

小智 5

你可以这样做:

...
return(
 Array.from({length: props.count}, () => <Icon />)
)
Run Code Online (Sandbox Code Playgroud)