如何多次返回同一元素

Question

<View style={{flexDirection: 'row', alignItems: 'center'}}>
    <Icon color='red' name='star' />
    <Icon color='red' name='star' />
    <Icon color='red' name='star' />
    <Icon color='red' name='star' />
    <Icon color='red' name='star' />
</View>

对于上面的代码，如何编写一个函数以返回特定的次数，而不是五次键入Icon。

Answer 1

类似的事情应该起作用，但是可能有更好的方法。

     getMyIcons = () => {
         let iconArray = []
         for (let i = 0; i < 5; i++ ){
            array.push(
                <Icon color='red' name='star' />
            )
        }
        return iconArray
    }

...

render{
    return(
        {this.getMyIcons()}
    )
}